CSS伪类:
:hover
当鼠标悬浮在元素上方时,向元素添加样式。
<html>
<head>
<style>
*{ margin :0;padding:0;}
ul{list-style: none outside none;}
.abc li:hover{background-color:#888;color:#fff;}
</style>
</head>
<body>
<div id="abc" class="abc">
<ul>
<li>aaaa</li>
<li>aaaa</li>
<li>aaaa</li>
<li>aaaa</li>
<li>aaaa</li>
</ul>
</div>
</body>
</html>
分享到:
相关推荐
鼠标经过时让li背景变色,在某些时候还是挺实用的,下面为大家介绍下使用Jquery的hover方法来实现下,感兴趣的朋友可以参考下
HTML部分代码: 代码如下: <ul> <li>鼠标经过时改变背景色</li> <li>鼠标经过时改变背景色</li> <li>鼠标经过时改变背景色</li> <li>鼠标经过时改变背景色</li> </ul> javascript部分代码: 当鼠标经过时,给li添加...
js 实现 鼠标移入移出时颜色变化! 值得下载看看!资源免费,大家分享!!
CSS样式为: 复制代码代码如下: <style type=”text/css”> #navigation { width:200px; font-family:Arial; } #navigation ul { list... /* 添加标签<li>的下划线*/ } #navigation li a { display:block; /* 区
主要介绍了javascript操作ul中li的方法,可实现鼠标经过li标签项对应改变背景色的功能,涉及javascript鼠标事件及页面元素属性的相关操作技巧,需要的朋友可以参考下
页面元素既可以添加背景颜色 也可以添加背景图片 只不过背景图片在背景颜色上方 即背景图片会压住背景颜色 (4)背景图片的位置 background-position: x y; ①参数是方位名词 top | center | bottom | left | ...
4 容器底部渐变消失在背景色下。 上述4个需求之中,需求1-3为js技术实现,需求4为css技术实现,下面逐个需求来讲。 需求1和需求2:内容持续滚动的需求有些类似前一篇文章《小模块:公告滚动并暂停》中介绍的功能,...
5.jquery实现鼠标划过网址名称显示网站截图功能 6.jQuery带Tips动画提示通用表单验证插件下载(jquery validate),动画效果漂亮 7.jQuery鼠标移到下载地址滑出气泡提示效果的插件 8.又一款jquery实现链接Tip...
-ExtAspNet支持原生的AJAX,也就是说控件的属性改变在AJAX过程中会反映到页面中,但并不是所有的控件属性都支持AJAX改变。 -加载s.gif图片在本机进行,不会请求extjs.com远程资源(feedback:efrigate43,abaocoole)...
-ExtAspNet支持原生的AJAX,也就是说控件的属性改变在AJAX过程中会反映到页面中,但并不是所有的控件属性都支持AJAX改变。 -加载s.gif图片在本机进行,不会请求extjs.com远程资源(feedback:efrigate43,abaocoole)...