第843天:写了一个简单实用的js二级导航,在本地升级uch2.0

星期五 阵雨 33~25℃

写了一个简单实用的js二级导航

同事问有没有js二级导航的源码,我说网上很多,找了一下,发现都比较复杂,所以自己动手写了一个很简单的,方法比较土,不过自己写的自己改起来方便,横向纵向都方便改。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
ul{ list-style:none; margin:0px; padding:0px }
.nav{ width:600px }
.nav ul li{ float:left; width:149px; height:38px }
.disNone { display:none }
.sub { width:600px }
.sub ul { position:absolute; height:30px; background:#ccc; width:300px }
.sub li { padding:0px; float:left; margin:0 20px }
.sub ul.sub_1 { margin:36px 0 0 10px }
.sub ul.sub_2 { margin:36px 0 0 60px }
.sub ul.sub_3 { margin:36px 0 0 120px }
</style>
<script type="text/javascript">
var isOver = 0;
function showSub(cur){
 for(i=1; i<=5; i++) {
  //加if判断防止由于疏忽遗漏ID或错定义ID导致脚本出错,下同
  if(document.getElementById("sub_"+[i]) != null){
   document.getElementById("sub_"+[i]).style.display=’none’;
  }
 }
 if(document.getElementById("sub_"+cur)!=null) {
  document.getElementById("sub_"+cur).style.display=’block’;
 }
 isOver = 1;
}
function isOut(){
 for(i=1; i<=5; i++) {
  if(document.getElementById("sub_"+[i]) != null && isOver == 0){
   document.getElementById("sub_"+[i]).style.display=’none’;
  }
 }
}
function hideSub(){
 isOver = 0;
 window.setTimeout("isOut()",1000);
}
</script>
</head>

<body>
<div class="sub">
 <ul class="sub_1 disNone" id="sub_1" onmouseover="showSub(1)" onmouseout="hideSub()">
  <li>test1</li>
  <li>test2</li>
 </ul>
 <ul class="sub_2 disNone" id="sub_2" onmouseover="showSub(2)" onmouseout="hideSub()">
  <li>test3</li>
  <li>test4</li>
 </ul>
 <ul class="sub_3 disNone" id="sub_3" onmouseover="showSub(3)" onmouseout="hideSub()">
  <li>test5</li>
  <li>test6</li>
 </ul>
</div>
<div class="nav">
 <ul>
  <li onmouseover="showSub(1)" onmouseout="hideSub()">test1</li>
  <li onmouseover="showSub(2)" onmouseout="hideSub()">test2</li>
  <li onmouseover="showSub(3)" onmouseout="hideSub()">test3</li>
 </ul>
</div>

</body>
</html>


友吧今天

在本地升级 uch2.0。

根据我们自己站点的情况作的备忘:

  1. 远程桌面进入数据库目录压缩备份现有所有数据库;
  2. 打包备份原 uc 目录;
  3. home 目录更名为“home_1.5”作为备份;
  4. 新建目录“home”;
  5. 将 uch2.0 的 upload 目录下除 config.new.php 文件、 install 目录外,其他程序全部上传至新建的 home 目录;
  6. 从 home_1.5 目录中拷贝 config.php 到 home 目录;
  7. 将 uch2.0 的 update 目录下的 update.php 上传到 home 目录,在浏览器中访问 update.php 进行升级;
  8. 版本更新后注意:不要删除“多余”的数据表和字段(这些是有用的表和字段);
  9. 删除 update.php,清空 /data/tpl_cache/ 目录下的缓存文件。

参考:任意版本到UCenter Home 2.0升级图文教程

RSS

上一篇:

下一篇:

发表评论

电子邮件地址不会被公开。 必填项已用*标注