jQuery 菜单，可智能判断是否是当前导航，并加标记

2024-09-05 12:20:35

字体：大中小

来源：转载

供稿：网友

jQuery 菜单，可以智能判断是否是当前导航，如果是，则给当前的菜单项添加一个标记，而你的CSS文件并不需要重新定义，完全交给jQuery 来处理，现在有些朋友或许已经明白了，是jQuery让这种智能菜单变得更加有创意。

<!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=utf-8" /><title>jQuery 智能当前导航</title><script language="javascript" type="text/javascript" src="/ajaxjs/jquery1.3.2.js"></script><style type="text/css">body,h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd{padding:0;margin:0;}li{list-style:none;}img{border:none;}em{font-style:normal;}a{color:#555;text-decoration:none;outline:none;blr:this.onFocus=this.blur();}a:hover{color:#000;text-decoration:underline;}body{font-size:12px;font-family:Arial,Verdana, Helvetica, sans-serif;word-break:break-all;word-wrap:break-word;}.clear{height:0;overflow:hidden;clear:both;}.nav{width:950px; height:29px; margin:20px auto 0;background:url(/jscss/demoimg/201005/navbg.gif) repeat-x 0 -180px;position:relative;}.navl{position:absolute;left:0;width:3px;height:29px;background:url(/jscss/demoimg/201005/navbg.gif) no-repeat 0 -150px;}.navr{position:absolute;right:0;width:3px;height:29px;background:url(/jscss/demoimg/201005/navbg.gif) no-repeat right -150px;}.nav ul{margin-left:10px;}.nav ul li{float:left;line-height:29px;display:inline;text-align:center;padding-left:5px; font-size:14px;font-weight:bold;background:url(/jscss/demoimg/201005/navbg.gif) no-repeat right -208px;}.nav ul li a{float:left;color:#FFF; padding:0 10px;}.nav ul li.select{background:url(/jscss/demoimg/201005/navbg.gif) repeat-x 0 -240px; position:relative;margin-top:-4px;}.nav ul li.select a{background:url(/jscss/demoimg/201005/navbg.gif) repeat-x right -240px;height:33px;line-height:33px;color:#333; text-indent:-3px;}</style></head><body><div class="nav">	<em class="navl"></em>    <em class="navr"></em>	<ul>    	<li>首 页</li>        <li>手机卖场</li>        <li>数码天下</li>        <li>时尚女人</li>        <li>家居装饰</li>    </ul></div><script type="text/javascript">// nav$(function shownav(){	var a1 = $("url");	var a2 = $(".nav ul li");	for(var i=0;i</body></html>

上一篇：自己封装了一个选项卡Tab的雏形，代码公开

下一篇：CSS+JavaScript仿阿里巴巴字母轮换

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注