作业帮 > 综合 > 作业

html语言导航栏初始显示英文,鼠标移动上去显示中文代码写法!

来源:学生作业帮 编辑:拍题作业网作业帮 分类:综合作业 时间:2024/04/30 04:02:43
html语言导航栏初始显示英文,鼠标移动上去显示中文代码写法!
html语言导航栏上面的文字初始让它显示英文,只有鼠标移动上去停留在上面才显示中文的代码怎么写!
下面是我现在的导航栏代码:

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?够明白么