`

鼠标划过改变li的背景色

CSS 
阅读更多

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>
 
分享到:
评论

相关推荐

    Jquery的hover方法让鼠标经过li时背景变色

    鼠标经过时让li背景变色,在某些时候还是挺实用的,下面为大家介绍下使用Jquery的hover方法来实现下,感兴趣的朋友可以参考下

    javascript学习笔记(二) 鼠标经过时,改变div块的背景色的代码

    HTML部分代码: 代码如下: &lt;ul&gt; &lt;li&gt;鼠标经过时改变背景色&lt;/li&gt; &lt;li&gt;鼠标经过时改变背景色&lt;/li&gt; &lt;li&gt;鼠标经过时改变背景色&lt;/li&gt; &lt;li&gt;鼠标经过时改变背景色&lt;/li&gt; &lt;/ul&gt; javascript部分代码: 当鼠标经过时,给li添加...

    js 实现 鼠标移入移出时颜色变化

    js 实现 鼠标移入移出时颜色变化! 值得下载看看!资源免费,大家分享!!

    纯CSS制作菜单栏当鼠标经过时会变色的

    CSS样式为: 复制代码代码如下: &lt;style type=”text/css”&gt; #navigation { width:200px; font-family:Arial; } #navigation ul { list... /* 添加标签&lt;li&gt;的下划线*/ } #navigation li a { display:block; /* 区

    javascript操作ul中li的方法

    主要介绍了javascript操作ul中li的方法,可实现鼠标经过li标签项对应改变背景色的功能,涉及javascript鼠标事件及页面元素属性的相关操作技巧,需要的朋友可以参考下

    Web前端与移动开发之复合选择器 css元素显示模式 背景属性.txt

    页面元素既可以添加背景颜色 也可以添加背景图片 只不过背景图片在背景颜色上方 即背景图片会压住背景颜色 (4)背景图片的位置 background-position: x y; ①参数是方位名词 top | center | bottom | left | ...

    基于jquery的内容循环滚动小模块(仿新浪微博未登录首页滚动微博显示)

    4 容器底部渐变消失在背景色下。 上述4个需求之中,需求1-3为js技术实现,需求4为css技术实现,下面逐个需求来讲。 需求1和需求2:内容持续滚动的需求有些类似前一篇文章《小模块:公告滚动并暂停》中介绍的功能,...

    JQuery&CSS;&CSS;+DIV实例大全.rar

    5.jquery实现鼠标划过网址名称显示网站截图功能 6.jQuery带Tips动画提示通用表单验证插件下载(jquery validate),动画效果漂亮 7.jQuery鼠标移到下载地址滑出气泡提示效果的插件 8.又一款jquery实现链接Tip...

    ExtAspNet_v2.3.2_dll

    -ExtAspNet支持原生的AJAX,也就是说控件的属性改变在AJAX过程中会反映到页面中,但并不是所有的控件属性都支持AJAX改变。 -加载s.gif图片在本机进行,不会请求extjs.com远程资源(feedback:efrigate43,abaocoole)...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -ExtAspNet支持原生的AJAX,也就是说控件的属性改变在AJAX过程中会反映到页面中,但并不是所有的控件属性都支持AJAX改变。 -加载s.gif图片在本机进行,不会请求extjs.com远程资源(feedback:efrigate43,abaocoole)...

Global site tag (gtag.js) - Google Analytics