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); })

恒创科技SonderCloud,美国VPS综合性能测评报告,美国洛杉矶机房,CN2+BGP优质线路,2核4G内存10Mbps带宽,适用于稳定建站业务需求

最近主机参考拿到了一台恒创科技的美国VPS云服务器测试机器,那具体恒创科技美国云服务器性能到底怎么样呢?主机参考进行了一番VPS测评,大家可以参考一下,总体来说还是非常不错的,是值得购买的。非常适用于稳定建站业务需求。恒创科技服务器怎么样?恒创科技服务器好不好?henghost怎么样?henghost值不值得购买?SonderCloud服务器好不好?恒创科技henghost值不值得购买?恒创科技是...

Contabo美国独立日促销,独立服7月€3.99/月

Contabo自4月份在新加坡增设数据中心以后,这才短短的过去不到3个月,现在同时新增了美国纽约和西雅图数据中心。可见Contabo加速了全球布局,目前可选的数据中心包括:德国本土、美国东部(纽约)、美国西部(西雅图)、美国中部(圣路易斯)和亚洲的新加坡数据中心。为了庆祝美国独立日和新增数据中心,自7月4日开始,购买美国地区的VPS、VDS和独立服务器均免设置费。Contabo是德国的老牌服务商,...

云基Yunbase无视CC攻击(最高500G DDoS防御),美国洛杉矶CN2-GIA高防独立服务器,

云基yunbase怎么样?云基成立于2020年,目前主要提供高防海内外独立服务器,欢迎各类追求稳定和高防优质线路的用户。业务可选:洛杉矶CN2-GIA+高防(默认500G高防)、洛杉矶CN2-GIA(默认带50Gbps防御)、香港CN2-GIA高防(双向CN2GIA专线,突发带宽支持,15G-20G DDoS防御,无视CC)。目前,美国洛杉矶CN2-GIA高防独立服务器,8核16G,最高500G ...

js效果为你推荐
防恶意点击怎么才能做到防止恶意点击的行为发生呢?智能机刷机软件安卓手机在电脑上强制刷机用什么软件好?windowsphone手机windows phone系统的手机有哪些色中色luntanwww.fzluntan.tk是什么类型的网站啊?微信语音在哪个文件夹怎么把微信语音导出来 从哪个文件夹导出啊北漂论坛我自己想去北漂,你们谁有经验告诉告诉我。智能公共广播系统有谁知道公共广播系统都包括那些设备双色球在线选号器双色球 选号联通玩电信游戏我朋友是联通的网,想玩电信的游戏但是发现都很卡微软永久关闭实体店微软有一天倒闭了 你会怎样?
武汉域名注册 出租服务器 动态ip的vps 拜登买域名批特朗普 oneasiahost vmsnap3 日志分析软件 线路工具 css样式大全 三拼域名 dd444 京东商城0元抢购 nerds 佛山高防服务器 Updog 超级服务器 google台湾 河南移动梦网 申请免费空间 godaddy空间 更多