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

物语云-VPS-美国洛杉矶VPS无限流量云windows大带宽100M不限流量 26/月起

物语云计算怎么样?物语云计算(MonogatariCloud)是一家成立于2016年的老牌国人商家,主营国内游戏高防独服业务,拥有多家机房资源,产品质量过硬,颇有一定口碑。本次带来的是特惠活动为美国洛杉矶Cera机房的不限流量大带宽VPS,去程直连回程4837,支持免费安装Windows系统。值得注意的是,物语云采用的虚拟化技术为Hyper-v,因此并不会超售超开。一、物语云官网点击此处进入物语云...

VinaHost,越南vps,国内延时100MS;不限流量100Mbps

vinahost怎么样?vinahost是一家越南的主机商家,至今已经成13年了,企业运营,老牌商家,销售VPS、虚拟主机、域名、邮箱、独立服务器等,机房全部在越南,有Viettle和VNPT两个机房,其中VNPT机房中三网直连国内的机房,他家的产品优势就是100Mbps不限流量。目前,VinaHost商家发布了新的优惠,购买虚拟主机、邮箱、云服务器、VPS超过三个月都有赠送相应的时长,最高送半年...

无视CC攻击CDN ,DDOS打不死高防CDN,免备案CDN,月付58元起

快快CDN主营业务为海外服务器无须备案,高防CDN,防劫持CDN,香港服务器,美国服务器,加速CDN,是一家综合性的主机服务商。美国高防服务器,1800DDOS防御,单机1800G DDOS防御,大陆直链 cn2线路,线路友好。快快CDN全球安全防护平台是一款集 DDOS 清洗、CC 指纹识别、WAF 防护为一体的外加全球加速的超强安全加速网络,为您的各类型业务保驾护航加速前进!价格都非常给力,需...

js效果为你推荐
限制局域网网速怎么限制局域网的网速?qq空间维护QQ空间正在维护中,暂不支持访问是怎么回事安卓性能测试工具谁能介绍几个测试手机性能的软件?spotlight搜索是什么spotlight是什么意思圣诞节网页制作圣诞节贺卡制作电梯物联网平台电梯物联网技术运用到电梯的远程监控上,能实现什么作用?人脸检测综述人脸识别的主要应用方向及其优缺点?云图好看吗电影《云图》到底讲的什么,没看懂,高手来说一下。洛阳小程序开发洛阳软件开发培训去哪里可以学得到实用的技术呀?hub和路由器的区别路由器和HUB的区别不同?
买域名 域名抢注 万网域名管理 老域名全部失效请记好新域名 3322动态域名 187邮箱 国外主机 外国空间 一点优惠网 卡巴斯基免费试用 香港新世界中心 免费mysql数据库 备案空间 带宽租赁 ebay注册 万网空间 atom处理器 摩尔庄园注册 1美元 博客域名 更多