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

BGP.TO日本和新加坡服务器进行促销,日本服务器6.5折

BGP.TO目前针对日本和新加坡服务器进行促销,其中日本东京服务器6.5折,而新加坡服务器7.5折起。这是一家专门的独立服务器租售网站,提供包括中国香港、日本、新加坡和洛杉矶的服务器租用业务,基本上都是自有硬件、IP资源等,国内优化直连线路,机器自动化部署上架,并提供产品的基本管理功能(自助开关机重启重装等)。新加坡服务器 $93.75/月CPU:E3-1230v3内存:16GB硬盘:480GB ...

美国高防云服务器 1核 1G 10M 38元/月 百纵科技

百纵科技:美国云服务器活动重磅来袭,洛杉矶C3机房 带金盾高防,会员后台可自助管理防火墙,添加黑白名单 CC策略开启低中高.CPU全系列E52680v3 DDR4内存 三星固态盘列阵。另有高防清洗!百纵科技官网:https://www.baizon.cn/联系QQ:3005827206美国洛杉矶 CN2 云服务器CPU内存带宽数据盘防御价格活动活动地址1核1G10M10G10G38/月续费同价点击...

无忧云(25元/月),国内BGP高防云服务器 2核2G5M

无忧云官网无忧云怎么样 无忧云服务器好不好 无忧云值不值得购买 无忧云,无忧云是一家成立于2017年的老牌商家旗下的服务器销售品牌,现由深圳市云上无忧网络科技有限公司运营,是正规持证IDC/ISP/IRCS商家,主要销售国内、中国香港、国外服务器产品,线路有腾讯云国外线路、自营香港CN2线路等,都是中国大陆直连线路,非常适合免北岸建站业务需求和各种负载较高的项目,同时国内服务器也有多个BGP以及高...

js效果为你推荐
空间背景音乐播放器QQ空间背景音乐播放器怎么用?android半透明android控件怎么做到半透明?发博客什么是发博文免流量是什么意思腾讯大王卡免费流量是什么意思?美国大选投票实时数据美国总统大选选票如何统计智能机刷机软件请问有什么刷机软件,是刷安卓系统手机的软件,自己用过刷过机!多重阴影[讨论]《多重阴影》的中文配音好熟悉啊!淘气鸟乌儿很淘气,飞来飞去,蹦蹦跳跳,请你用“一会儿…一会儿…一会儿…”写写鸟儿?2020带来好运的微信头像2020带来好运抖音网名催收软件哪个好靠谱的催收方式除了正规要账公司,还有哪些渠道的?
注册国际域名 解析域名 天津服务器租赁 快速域名备案 已经备案域名 阿里云搜索 hostmaster bbr 163网 183是联通还是移动 cn3 河南移动网 中国网通测速 卡巴斯基免费试用 ftp免费空间 hkt 电信主机 常州联通宽带 网站在线扫描 免费mysql数据库 更多