css与javascript的斗嘴题目及说明
发布时间:2018-08-17 08:41:03 所属栏目:创业 来源:站长网
导读:下面的代码: div id='nav' class='nav'ulli首页/li/ul/div 行使.nav ul li{background:url(../img/bg.jgp);}界说之后 这个样式.nav_ul_li_1{background:url(../img/bg1.jpg);}} 将不能通过document.getElementById('nav').className = 'nav_ul_li_1'; 来改
下面的代码: <div id='nav' class='nav'><ul><li>首页</li></ul></div> 行使.nav ul li{background:url(../img/bg.jgp);}界说之后 这个样式.nav_ul_li_1{background:url(../img/bg1.jpg);}} 将不能通过document.getElementById('nav').className = 'nav_ul_li_1'; 来改变配景与配景颜色。 办理步伐就是不消通用的要领,即ul li{}这种要领界说background:(); 矫正一下,应该是这样: <div class='nav'><ul><li id='nav'>首页</li></ul></div> 感谢这个伴侣,用style.backgroundImage确实可能实现,可是用className却不可。 代码如下: <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>css与javascript的一个斗嘴</title> <style type="text/css"> .nav ul li{background:url(bg.jpg) no-repeat 5px 5px;width:100px;height:30px;float:left;} </style> <script type="text/javascript"> function f(obj){ obj.style.backgroundImage = 'url(bg1.jpg)'; } </script> </head> <body> <div class='nav'> <ul> <li onmouseover='f(this);'>首页</li> <li>接洽我们</li> </ul> </div> </body> </html> (编辑:河北网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
站长推荐
热点阅读