首页 > PHP资讯 > HTML5培训技术 > js滑动效果,适用选项卡等

js滑动效果,适用选项卡等

HTML5培训技术
更多  <script type="text/javascript">var flag=1;function changColor(obj){ flag = obj.parentNode; obj.parentNode.className="tb_bei1"; var lis=$("frametb").getElementsByTagName("td"); for(var i = 0 ;i < lis.length;i++){ if(lis[i].id!=obj.parentNode.id&&lis[i].id!="b"){ lis[i].className="tb_bei" } }}function monseover(obj1,obj2){ if(flag=="1"){ if(obj1.id!=flag){ obj1.className=obj2; } }else{ if(obj1!=flag){ obj1.className=obj2; } }}var dataset = new Array();//数据节点,是一个二维数组var dataLength ;//数据长度var index ;//当前索引var nodenum = 3;//选项卡显示个数,需和上面同步var movenum = 1;//每次移动个数//初始化选项卡function initTab(){ index = 0; dataset = "<%=dataset%>"; eval("dataset=[["+dataset.replace(/|/gi,'],[')+"]]"); dataLength= dataset.length-1; if(dataLength>nodenum){//如何未达到指定数量,则不显示更多按钮 initNode(nodenum,0); $("right").style.display="block"; }else { initNode(dataLength,0); $("right").style.display="none"; }}//初始化节点function initNode(l,index){ for(var i=0;i=(dataLength-(nodenum-1))){ index = 0; } var tds = document.getElementsByTagName("td"); for(var i = 0 ;i < tds.length;i++){ tds[i].className="tb_bei"; } initNode(nodenum,index); clearTimeout(timme);}initTab();《script》

 

HTML5培训技术

本文由欣才IT学院整理发布,未经许可,禁止转载。
支持4不支持0