json|js 切换选项卡代码

更新时间:2015-12-10    来源:js教程    手机版     字体:

【www.bbyears.com--js教程】




滚动切换选项卡







 
   
     
       
          最新更新
          下载排行
          最受关注
       
     
   
   
 
 
   


          VC++实现超酷QQ界面
          基于C#同步套接字
          《网页制作完全手册》chm
          VB调用模板进行打印的实例
          ASP.net报表设计源码包
          J2me开发环境的搭建教程
          《jQuery in Action》源代码
          DCS PHP在线记账/记事本
          VB打印控件Listview示例
          仿支付宝CSS网站导航栏
       
       

            BICQ仿QQ聊天系统
            DIV+JS弹出窗口框架
            WindowLite可拖动提示窗口
            Asp生成静态完整实例
            VC++固定资产管理系统
            jQuery相册播放插件
            Ajax拖动分页插件
            C#餐饮管理系统
            BICQ仿QQ聊天系统
            BICQ仿QQ聊天系统
         
         

              VC++实现超酷QQ界面
              基于C#同步套接字
              《网页制作完全手册》chm
              VB调用模板进行打印的实例
              ASP.net报表设计源码包
              J2me开发环境的搭建教程
              《jQuery in Action》源代码
              DCS PHP在线记账/记事本
              VB打印控件Listview示例
              仿支付宝CSS网站导航栏
           
         

        <script type="text/javascript">
        var myTitle = document.getElementById("mytit");
        myTitle.innerHTML += myTitle.innerHTML;
        var lists = myTitle.getElementsByTagName("li");
        var num = lists.length - 2;
        //alert(num)
        myTitle.style.width = (num+1) * 92;//计算标题长度
        var ele = document.getElementById("tit_l");
        var w = ele.clientWidth;
        var n = 18;
        var t = 38;//数值越小速度越快
        var times = new Array(n);
        var k = 0;
        var l = 0;
        yahooo(0);
        function yahooo(s)
        {
        if(k >= num && s > 0)
        {
        ele.scrollLeft = w;
        k = 1;
        }
        if(k < 1 && s < 0)
        {
        ele.scrollLeft = (num-1) * w;
        k = num-1;
        }
        k += s;
        var x = ele.scrollLeft;
        var d = k * w - x;
        for(i=0;i (
        function()
        {
        if(times[i]) {clearTimeout(times[i])} ;
        var j = i;
        times[i] = setTimeout(function(){ele.scrollLeft=x+Math.round(d*Math.sin(Math.PI*(j+1)/(2*n)));},(i+1)*t);
        }
        )();
        }
        var imgs = document.getElementById("tit_r").getElementsByTagName("img");
        var c1 = document.getElementById("c1");
        var c2 = document.getElementById("c2");
        var c3 = document.getElementById("c3");
        imgs[0].onclick = function()
        {
        yahooo(-1);
        if(k==0){c1.style.display = "block";c2.style.display = "none";c3.style.display = "none";}
        if(k==1){c1.style.display = "none";c2.style.display = "block";c3.style.display = "none";}
        if(k==2){c1.style.display = "none";c2.style.display = "none";c3.style.display = "block";}
        }
        imgs[1].onclick = function()
        {
        yahooo(1);
        if(k==0 || k==3){c1.style.display = "block";c2.style.display = "none";c3.style.display = "none";}
        if(k==1 || k==4){c1.style.display = "none";c2.style.display = "block";c3.style.display = "none";}
        if(k==2){c1.style.display = "none";c2.style.display = "none";c3.style.display = "block";}
        }
        </script>

        本文来源:http://www.bbyears.com/wangyezhizuo/20126.html

猜你感兴趣

热门标签

更多>>

本类排行