
下面是我现在的导航栏代码:
CSS关于导航栏部分的代码:
/*------------------------------------------- Header-------------------------------------------*/#header { margin: 40px 0 30px 0; }#nav {float: right;list-style: none;margin-top: 15px;margin-right: 0;margin-bottom: 0;margin-left: 0;}#nav li { display: inline; text-transform: uppercase; margin: 0 0 0 35px; }#nav li a { background: url(../images/nav_sprite.png) no-repeat left 3px; color: #999; padding: 0 0 0 14px; text-decoration: none; }#nav li a:hover, #header ul li a.selected { background-position: left -12px; color: #F9F9F9; }#header .main_logo { background: url('../images/logo_main.png') no-repeat bottom left; display: block; height: 60px; text-indent: -9999px; width: 500px; }/* Main Nav */#nav li.services a { background-position: left -27px; }#nav li.services a:hover, #nav li.services a.selected { background-position: left -42px; }#nav li.about-hba a { background-position: left -57px; }#nav li.about-hba a:hover, #nav li.about-hba a.selected { background-position: left -72px; }#nav li.news a { background-position: left -87px; }#nav li.news a:hover, #nav li.news a.selected { background-position: left -102px; }#nav li.contact a { background-position: left -117px; }#nav li.contact a:hover, #nav li.contact a.selected { background-position: left -132px; }
1.在标签中添加两个属性,如下好此陪
然后再对a添加两友蠢个事件,mouseover和mouseout,mouseover中将a标签当中的扒念文字替换成
cn的属性值,mourseout则替换成en的属性值;
2.不知道有没有用jquery,如果有的话可以使用事件代理机制
$("#nav li a").live('mourseover', function(){文字替换操作});
$("#nav li a").live('mourseout', function(){文字替换操作});
3.如果没有jquery的话那最方便的做法就是直接在标签中添加onmourseover,onmouseout
ok?够明白么
个人想法,乱码会跟HTML有关?请教!你可以用图片做背景,开始的时候 ,就这个图片,鼠标移动上去的时候,又会换成另一张图片。
或者做个事件响应,JS。乱贺皮码,看一下,是不是你那个HMTL编碧困码的时候,忘记了设置编码了,或悔拍念者浏览器那里有个设置这个的,记住了。看一下