可以自动轮换的页签tabswithautoplayfucntion_javascript技巧

来源：动视网责编：小采时间：2020-11-27 20:38:38

可以自动轮换的页签tabswithautoplayfucntion_javascript技巧

可以自动轮换的页签tabswithautoplayfucntion_javascript技巧: tabs with auto play function tab_01 tab_02 tab_03 link1 link2 link3 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行] a1 a2 a3 /*参数说明： t：导航容器的ID to：导航的单位元素标签

推荐度：

点击下载本文 文档为doc格式

导读可以自动轮换的页签tabswithautoplayfucntion_javascript技巧: tabs with auto play function tab_01 tab_02 tab_03 link1 link2 link3 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行] a1 a2 a3 /*参数说明： t：导航容器的ID to：导航的单位元素标签

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

<html> 
<head> 
<meta name="GENERATOR" content="Microsoft FrontPage 6.0"> 
<meta name="ProgId" content="FrontPage.Editor.Document"> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<title>a1 a2 a3</title> 
<style type="text/css" media="screen"> 
 
</style> 
</head> 
<body> 
 
/*参数说明： 
t：导航容器的ID 
to：导航的单位元素标签 
c：内容的容器ID 
co：内容的单位元素标签 
s：初始化时的当前项 
a：内容的单位元素标签ID中的数字序号的位置(对应的a为2) 
*/ 
function timertab(t,to,c,co,s,a){ 
 this.obj = document.getElementById(t).getElementsByTagName(to);//导航对象 
 this.eles = document.getElementById(c).getElementsByTagName(co);//内容项 
 this.start = s-1;//初始项目 
 this.speed = 2000;//切换间隔 
 this.setid = null;//定时器 
 var loop = function(){ //自动切换 
 for(var i=0,j=obj.length;i<j;i++){//初始化 
 obj[i].className = ""; 
 eles[i].className = ""; 
 } 
 obj[start].className = "on";//当前项 
 eles[start].className = "on"; 
 setid=setTimeout(loop,speed);//开始自动切换 
 start++; 
 if(start==obj.length){ 
 start=0; 
 } 
 };loop(); 
 var clik = function(){ //点击 
 for(var i=0;i<obj.length;i++){ 
 obj[i].onclick = function(){ 
 clearTimeout(setid);//停止原来的自动切换 
 var inb = this.href.substr(this.href.indexOf("#")+a,1); 
 for(var i=0,j=obj.length;i<j;i++){ 
 obj[i].className = ""; 
 eles[i].className = ""; 
 } 
 this.className = "on"; 
 eles[inb-1].className = "on"; 
 /*从点击项开始自动切换，此功能可以选择去掉*/ 
 start=inb-1; 
 loop(); 
 } 
 } 
 };clik(); 
 var m_over = function(){//鼠标指向暂停自动切换 
 for(var i=0;i<obj.length;i++){ 
 eles[i].onmouseover = function(){clearTimeout(setid)}; 
 } 
 };m_over(); 
 var m_out = function(){//鼠标离开继续自动切换 
 for(var i=0;i<obj.length;i++){ 
 eles[i].onmouseout = function(){setid=setTimeout(loop,speed)}; 
 } 
 };m_out(); 
} 
</ script> 
 
 a1 
 a2 
 a3 
 
 
 
 <img src="http://case.blueidea.com/files/2008/01/31/work_219030_4249_20080131_092244_3681946_t.png" 作品4249" /> 
 作品4249 
 
 
 <img src="http://case.blueidea.com/files/2008/01/30/work_185979_4240_20080130_144901_6762390_t.jpg" 作品4240" /> 
 作品4240 
 
 
 <img src="http://case.blueidea.com/files/2008/01/30/work_365161_4245_20080130_202513_1560669_t.jpg" 作品4245" /> 
 作品4245 
 
 
 
 
</ script> 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

可以自动轮换的页签tabswithautoplayfucntion_javascript技巧

推荐度：

点击下载本文 文档为doc格式

标签：自动播放轮播 javascript

热门焦点

可以自动轮换的页签tabswithautoplayfucntion_javascript技巧

可以自动轮换的页签tabswithautoplayfucntion_javascript技巧

可以自动轮换的页签tabswithautoplayfucntion_javascript技巧

最新推荐

猜你喜欢

热门推荐