倒计时定时跳转

带3秒倒计时定时跳转
（第一种适合固定一个页面的跳转，第二种适合多个页面的跳转，只要保持id名称一致，修改URL，直接导入js文件）
第一种：
<script>
  function to() {
   var timeSpan = document.getElementById("time");
   var t = parseInt(timeSpan.innerHTML) - 1;
    timeSpan.innerHTML = t;
    if (t == 0) {
     window.location.href = "index.html";
    }
   }
   setInterval(to, 1000);
 </script>
  
 
 
 第二种： 
  
  <script>
   function toPage(url) {
    if (url) {
     window.location.href = url;
    }
   }

   function changTime() {
    var timeDom = document.getElementById("time");
    var time = parseInt(timeDom.innerHTML);
    if (0 == time) {
     clearInterval(timeId);
     var targetDom = document.getElementById("targetPage");
     toPage(targetDom.href);
    } else {
     timeDom.innerHTML = --time;
    }
   }
   var timeId = setInterval("changTime()",1000);
  </script>
  
  
不带倒计时定时跳转  
<script>
 function toPage(url){
  if (url) {
   window.location.href = url;
  }
   
 }
  setTimeout("toPage('index.html')",3000);
 </script>
  

  

删除按钮：
 <a href="javascript:deleteRecords('id','#');" class="like_btn">删除</a>
 <script>
  //删除一组记录
  function deleteRecords(checkboxName, deleteUrl) {
   //根据表单名字来获得一组对象
   var oChecks = document.getElementsByName("id");
   //定义一个数组,放置选中的checkbox的value值
   var ovalues = [];
   for (var i = 0; i < oChecks.length; i++) {
    if (oChecks[i].checked == true) {
     ovalues.push(oChecks[i].value);
    }
   }
   if (ovalues.length == 0) {
    alert("请选择要删除的记录")
   } else {
    var b = confirm("您确定要删除选中的记录吗？");
    if (true == b) {
     var params = ''; //请求参数
     for (var i = 0; i < ovalues.length;i++) {
      params = params + "id=" + ovalues[i] + "&";
     }
     //删除提交到deleteURl删除
     window.location.href = deleteUrl + "?" + params;
    }
   }
  }
 </script>
 
 

伸缩菜单

 <h1 class="sup-menu">产品管理</h1>
   <ul class="sub-menu" style="display: none;">
 <script>
  //父菜单项
  var supMenus = document.getElementsByClassName("sup-menu");
  //子菜单项
  var subMenus = document.getElementsByClassName("sub-menu");
  
  for (var i = 0; i < supMenus.length; i++) {
   //拿出每个父菜单
   var supMenu = supMenus[i];
   //将父菜单和紧跟的子菜单做一个绑定，用到了JavaScript的动态语言特征
   supMenu.subMenu = subMenus[i];
   //注册事件监听
   supMenu.onclick = function(){
   // this指向对应的元素对象
    if (this.subMenu.style.display=="none") {
     this.subMenu.style.display='';
    } else{
     this.subMenu.style.display="none";
    }
   }
  }
 </script>
 
 
 表格获得高亮的效果
 function hightlightShow() {
   //获得高亮显示表格对象
   var listTb = document.getElementById("list_tb");
   //获取表格所有行
   var ostr = listTb.rows;
   for (var i = 0; i < ostr.length; i++) {
    // 排除表格的第0行和最后的2行
    if (i > 0 && i < ostr.length - 2) {
     var str = ostr[i];
     //注册鼠标的悬停事件
     str.onmouseover = function() {
       this.style.backgroundColor = "#FFF8DC";
      }
      //注册鼠标的离开事件
     str.onmouseout = function() {
      this.style.backgroundColor = '';
     }
    }
   }
  }
  //执行函数
  hightlightShow();