| 标题 | jquery实现鼠标滑过div层背景变颜色的方法 |
| 范文 | 这篇文章主要介绍了jquery实现鼠标滑过div层背景变颜色的方法,涉及jquery中hover及addclass方法的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下 本文实例讲述了jquery实现鼠标滑过div层背景变颜色的方法。分享给大家供大家参考。具体实现方法如下： 代码如下: <html> <head> <title>jquery实现感应鼠标经过div层变换图层背景颜色)</title> <style type=text/css> .divbox{ height:300px; width:200px; background:#ffffff; border:solid 1px #ccc; float:left; margin-right:10px; } .divover{ background:#eff8fe; border:solid 1px #d2dce3; } #zztj{color:#ffffff;} #zztj a,#zztj a:link,#zztj a:visited,#zztj a:active {color:#ffffff;} #zztj a:hover {color:#ffffff;} </style> <script src=/images/jquery.js></script> <script language=javascript> $(function(){ //当鼠标滑入时将div的class换成divover $('.divbox').hover(function(){ $(this).addclass('divover'); },function(){ //鼠标离开时移除divover样式 $(this).removeclass('divover'); } ); }); </script> </head> <body> <div id=menu> <div class=divbox>区块a</div> <div class=divbox>区块b</div> <div class=divbox>区块c</div> </div><br>提示：如果不显示预览效果，请<font color=red>刷新一下本页面</font>，因调用了远程的jquery插件，需要加载完成才能运行。 </body> </html> 希望本文所述对大家的jquery程序设计有所帮助。 |
| 随便看 |
|
在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板，是学习及工作的有利工具。