教程集 > jQuery > jquery 教程 > 正文 js兼容多钟浏览tab切换代码

js兼容多钟浏览tab切换代码

发布时间：2023-12-23 编辑：jiaochengji.com

教程集为您提供js兼容多钟浏览tab切换代码等资源，欢迎您收藏本站，我们将为您提供最新的js兼容多钟浏览tab切换代码资源

js兼容多钟浏览tab切换代码

提示：您可以先修改部分代码再运行

把如下代码加入<body>区域中  <script language="JavaScript" type="text/javascript">    function lib_bwcheck(){ //Browsercheck (needed)  	this.ver=navigator.appVersion  	this.agent=navigator.userAgent  	this.dom=document.getElementById?1:0  	this.opera5=this.agent.indexOf("Opera 5")>-1  	this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0;   	this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;  	this.ie4=(document.all && !this.dom && !this.opera5)?1:0;  	this.ie=this.ie4||this.ie5||this.ie6  	this.mac=this.agent.indexOf("Mac")>-1  	this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0;   	this.ns4=(document.layers && !this.dom)?1:0;  	this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)  	return this  }  var bw=new lib_bwcheck()      if(document.layers){ //NS4 resize fix...  	scrX= innerWidth; scrY= innerHeight;  	onresize= function(){if(scrX!= innerWidth || scrY!= innerHeight){history.go(0)} }  }    /****  Variables to set   ****/  msgFont= "arial,helvetiva"	// The font for the message  msgFontSize= 12				// Set the fontSize in px  msgFontColor="#000000"		// Set the fontColor  msgWidth= "300"				// Set the width of the messageblock here for netscape 4    //Set the text you want to display on mouseover here.  messages=new Array()  messages[0]="" //This is the default text that appears when you mouse out.  messages[1]="这里是链接一的说明内容"  messages[2]="这里是链接二的说明内容"  messages[3]="This link however, nr3, isn't that good..."  messages[4]="Maybe you should try this one?<br>I'll write some more text to show that it wraps correctly to several lines."  messages[5]="这里是链接五的说明内容"  messages[6]="Later all.."    /********************************************************************************  You don't have to change anything below this  ********************************************************************************/    //ChangeText object constructor.  function makeChangeTextObj(obj){     	this.css = bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?document.layers[obj]:0;	     	this.writeref = bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?document.layers[obj].document:0;	  	this.writeIt = b_writeIt;					  }  function b_writeIt(text,num){  	if (bw.ns4){  		this.writeref.write(text)  		this.writeref.close()  	}      else this.writeref.innerHTML = messages[num]  }    //The mouoseover function. Calls the writeIt method to write the text to the div.  function changeText(num){  	if(bw.bw) oMessage.writeIt('<table width="' msgWidth '" border="0" cellpadding="0" cellspacing="0"><tr><td><span style="font-size:' msgFontSize 'px; font-family:' msgFont '; color:' msgFontColor '">' messages[num] '</span></td></tr></table>', num)  }    //The init function. Calls the object constructor and initiates some properties.  function changeTextInit(){  	//Fixing the browsercheck for opera... this can be removed if the browsercheck has been updated!!  	bw.opera5 = (navigator.userAgent.indexOf("Opera")>-1 && document.getElementById)?true:false  	if (bw.opera5) bw.ns6 = 0  	  	oMessage = new makeChangeTextObj('divMessage')  	oLinks = new makeChangeTextObj('divLinks')  	//Setting the style properties of the text layer.  	if(bw.dom || bw.ie4){  		with(oMessage.writeref.style){fontFamily=msgFont; fontSize=msgFontSize "px"; color=msgFontColor}  	}  	//Both layers are hidden by default to prevent users from mousing over them and creating errors while the page loads.  	oMessage.css.visibility= "visible"  	oLinks.css.visibility= "visible"  }    //If the browser is ok, the init function is called on pageload.   if (bw.bw) onload = changeTextInit  </script>  <div id="divLinks">  链接一  链接二  链接三  链接四  链接五  链接六  </div>  <div id="divMessage">

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
js禁用tab键(兼容firefox与ie)
纯CSS实现Tab页切换效果
 qq浏览器兼容模式切换方法图解
 DIY jquery plugin - tabs标签切换实现代码
 Excelize 发布 2.2.0 版本, Go 语言 Excel 文档基础库
 利用CSS3制作漂亮TAB选项卡方法介绍
 纯 CSS 选项卡的实现例子
 基于jquery tab切换(防止页面刷新)
js下IE与FF浏览器兼容的函数
 兼容多浏览器向右滚动js代码

上一篇：js特效图片漂浮效果代码下一篇：超漂亮纯css div实现二级下拉菜单

[关闭]

js兼容多钟浏览tab切换代码

最近更新

浏览排行