js效果如何用javascript做这个效果

js效果  时间:2021-07-26  阅读:()

用JS怎么实现这样的效果

这个是我以前写的一个JS,很简单,基于jQuery库。

var selectMark=new Object(); selectMark.mark=function(urlList,className,linkContainer){ var sLocation=window.location.href; //获得浏览器中的地址 var aLinks=$(linkContainer).children(); //linkContainer是所有链接父元素的ID名,此语句获得所有链接的组。

之所以先获得父元素再取得它的子元素,是为了提高执行效率 jQuery.each(urlList,function(i,content){ //遍历aLinks匹配 if(sLocation.indexOf(content)!=-1){ aLinks.eq(i).addClass(className); return false; } else{ aLinks.eq(i).removeClass(); } }); }//当浏览某页时,标记导航上的对应选项;//urlList,Array数组对象,为需要匹配的路径名集合;//className,字符串,为匹配对象需要设置的Class;//linkContainer,字符串,为链接外围容器(特别注意,此处需使用jQuery查询格式,如ID为XXX的容器,此处需写为"#XXX");//P.S.链接顺序必须与urlList内路径名相同,且排列顺序中,简单路径名必须在复杂路径名之后 这样用:<head><script src="js/selectMark.js" type="text/javascript"></script><script src="js/jquery-1.4.2.min.js" type="text/javascript"></script><script type="text/javascript"> $(document).ready( function(){ var aUrlList=new Array("/blog/","/friend/");//这里就是不同板块特有的链接名 var sClassName="on"; var sLinkContainer="#mpSbMnav"; selectMark.mark(aUrlList,sClassName,sLinkContainer); } )</script> <style> .on a{ color:Red; }</style></head> <body><ul id="mpSbMnav"> <li>博客</li> <li>好友</li></ul></body>

javascript效果

<div onmouseover="document.getElementById('aaa').style.display=''" onmouseout="document.getElementById('aaa').style.display='none'">购物车</div> <div id="aaa">这个是框</div> 然后你把这2个div的位子跟样子调整一下就好

如何用javascript做这个效果

用js写太多兼容要考虑,就不写了,写个jq版的供你参考下吧: $("#nav a").mouseenter(function(){ $(this)(true,true).animate({ "opacity": 0.5 },500).animate({ "opacity": 1 },500); })

轻云互联-618钜惠秒杀,香港CN2大宽带KVM架构云服务器月付22元,美国圣何塞精品云月付19元爆款!海量产品好货超值促销进行中!

官方网站:点击访问青云互联活动官网优惠码:终身88折扣优惠码:WN789-2021香港测试IP:154.196.254美国测试IP:243.164.1活动方案:用户购买任意全区域云服务器月付以上享受免费更换IP服务;限美国区域云服务器凡是购买均可以提交工单定制天机防火墙高防御保护端口以及保护模式;香港区域购买季度、半年付、年付周期均可免费申请额外1IP;使用优惠码购买后续费周期终身同活动价,价格不...

妮妮云(119元/季)日本CN2 2核2G 30M 119元/季

妮妮云的知名度应该也不用多介绍了,妮妮云旗下的云产品提供商,相比起他家其他的产品,云产品还是非常良心的,经常出了一些优惠活动,前段时间的八折活动推出了很多优质产品,近期商家秒杀活动又上线了,秒杀产品比较全面,除了ECS和轻量云,还有一些免费空间、增值代购、云数据库等,如果你是刚入行安稳做站的朋友,可以先入手一个119/元季付的ECS来起步,非常稳定。官网地址:www.niniyun.com活动专区...

快云科技,美国VPS 2H5G独享20M 仅售19.8/月  年付仅需148

快云科技已稳步运行进两年了 期间没出现过线路不稳 客户不满意等一系列问题 本司资质齐全 持有IDC ICP ISP等正规手续 有独特的网站设计理念 在前几天刚是参加过魔方系统举行的设计大赛拿获最佳设计奖第一名 本公司主营产品 香港弹性云服务器,美国vps和日本vps,香港物理机,国内高防物理机以及美国日本高防物理机 2020年的国庆推出过一款香港的回馈用户特惠机 已作为传家宝 稳定运行 马上又到了...

js效果为你推荐
怎样恢复系统如何恢复系统?CA3445ca724的临床意义垃圾文件清理bat如何一键清理系统垃圾文件.bat?windowsphone手机Windows phone手机的优点和缺点淘气鸟八哥鸟忽然死了?淘气鸟乌儿很淘气,飞来飞去,蹦蹦跳跳,请你用“一会儿…一会儿…一会儿…”写写鸟儿?呼叫中心搭建如何建立适合自己的呼叫中心微信语音在哪个文件夹微信语音在哪个文件夹 微信语音导出及amr格式转换vs2005快捷键求eclipse3.3和VS2005的快捷键智能公共广播系统智能广播系统怎么实现?
com域名 qq域名邮箱 高防服务器租用选锐一 私人服务器 paypal认证 火车票抢票攻略 创宇云 好玩的桌面 ssh帐号 浙江独立 刀片服务器的优势 200g硬盘 hkt 上海电信测速 监控服务器 什么是web服务器 万网注册 服务器防御 七十九刀 美国asp空间 更多