本文目录
- 关于选项卡，JS鼠标移入移出事件怎么改成点击事件
- javascript如何实现浏览器选项卡的切换
- 现在用CSS选项卡和JS选项卡哪个好， 各有什么优缺点
- js实现同一页面中，选择不同选项卡，选项卡背景改变，相对应的层显示，刷新不改变
- js选项卡如何清除定时器
关于选项卡，JS鼠标移入移出事件怎么改成点击事件
mouseenter 改成 click放在 head 不生效是因为选项卡的元素还没有生成，所以这个事件无法绑定到目标对象上。可以改成下面的代码，在网页加载完毕后再绑定事件，这样就可以放在 《head》 中：$(document).ready(function(){$(“.dt_tab li“).mouseenter(function () {if(! $(this).hasClass(“.showed“)){$(“.showed“).removeClass(“showed“);$(this).addClass(“showed“);$(“.dt_tab》div“).eq($(this).index()).addClass(“showed“);}})})
javascript如何实现浏览器选项卡的切换
首先js是不大可能控制选项卡的，再说每种浏览器也都有不一样的选项卡模式，你通过api去实现不太可能。你可以转换思路，不要用真正的选项卡，而是自己写一个类似于选项卡的页面，可以点击切换页面等等。点击切换选项卡或提交按钮时ajax加载你想要的内容就可以了。
现在用CSS选项卡和JS选项卡哪个好， 各有什么优缺点
JS选项卡可以实现更酷炫的动画效果，功能更加强大CSS选项卡功能简单一些，但是加载速度一般会快一些更重要的是，客户端的用户有时出于安全考虑会禁止JS，那么JS的效果就显示不出来的而CSS文件是服务器端提供的，总是可以保证的
js实现同一页面中，选择不同选项卡，选项卡背景改变，相对应的层显示，刷新不改变
《!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN“ “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“》《html xmlns=“http://www.w3.org/1999/xhtml“》《head》《meta http-equiv=“Content-Type“ content=“text/html; charset=gb2312“ /》《title》无标题文档《/title》《SCRIPT LANGUAGE=“JavaScript“》《!-- function getElementsByClass(object, tag, className) { var o = object.getElementsByTagName(tag); for ( var i = 0, n = o.length, ret = ; i 《 n; i++) { if (o[i].className == className) ret.push(o[i]); } if (ret.length == 1) ret = ret; return ret; } function setCookie(c_name,value,expiredays){ var exdate=new Date() exdate.setDate(exdate.getDate()+expiredays) document.cookie=c_name+ “=“ +escape(value)+ ((expiredays==null) ? ““ : “;expires=“+exdate.toGMTString())} function getCookie(c_name){ if (document.cookie.length》0) { c_start=document.cookie.indexOf(c_name + “=“) if (c_start!=-1) { c_start=c_start + c_name.length+1 c_end=document.cookie.indexOf(“;“,c_start) if (c_end==-1) c_end=document.cookie.length return unescape(document.cookie.substring(c_start,c_end)) } }return ““} window.onload=function (){ var a=getElementsByClass(document,’a’,’t’) var divchange=document.getElementById(’divchange’);; var color=[’333’,’666’,’999’,’bbb’,’ddd’,’eee’]; if (getCookie(’color’)!=’’){ divchange.style.backgroundColor=getCookie(’color’); } for (var i=0;i《a.length ; i++) { a[i].onclick=function (n){ return function (){ divchange.style.backgroundColor=’#’+color[n]; setCookie(’color’,’#’+color[n]); } }(i) }}//--》《/SCRIPT》《style》.t{ padding:0 10px 5px; }#w{ background:#f9f9f9; }#wp{ width:368px; height:394px; border:3px solid #222222; }《/style》《/head》《div id=“wp“》《p id=“w“》《a target=“_self“ href=“javascript://“ class=’t’》11111《/a》《a target=“_self“ href=“javascript://“ class=’t’》22222《/a》《a target=“_self“ href=“javascript://“ class=’t’》33333《/a》《a target=“_self“ href=“javascript://“ class=’t’》44444《/a》《a target=“_self“ href=“javascript://“ class=’t’》55555《/a》《a target=“_self“ href=“javascript://“ class=’t’》66666《/a》《/p》《div id=“divchange“ style=“height:344px ;background:#333“ 》《div》《/div》《body》《/body》《/html》
js选项卡如何清除定时器
定时器一般有两个1)setTimeout();//n毫秒后执行一次2)setInterval();//每隔n秒执行一次这两个方法都有个返回值,返回一个定时器id,可以定义一个变量接收清除定时器方法:setTimeout()对应的是clearTimeout(id);setInterval()对应的是clearInterval(id);下面有个例子:《script》//setTimeout1000ms后执行1次vari=setTimeout(function(){},1000);//setInterval每隔1000ms执行一次varj=setInterval(function(){},1000)//清除Timeout的定时器,传入id(创建定时器时会返回一个id)clearTimeout(i);//清除Interval的定时器,传入id(创建定时器时会返回一个id)clearInterval(j);《/script》