可以将所要变色的文字放进一个标签里,比如<p>标签,让后对这个标签添加一个hover属性,即当鼠标停留在这个标签上时会触发设定好的效果。以下演示具体步骤。
1、打开一个HTML文件,添加好基本标签并在body标签里添加p标签,并在p标签里添加所要变色的文字。
2、接下来对p标签添加css样式,并添加hover属性。当鼠标悬停在p标签上时间文字变为红色,大小变为60px。
3、编辑好后保存在浏览器中执行该HTML文件,鼠标悬停在文字上即可看到效果了。
简单啊
<input class="test" type="text"> .test{color:#fff// 设置字体是那个压缩,光标也就是哪个颜色了
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""><html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title>pro1</title>
<style type="text/css">
*
ul
ul li
ul li:hover ul
ul li a
ul li a:hover
.pro1
.pro1 li
</style>
</head>
<body>
<ul>
<li><a href="#">产品1</a>
<ul class="pro1">
<li>销量</li>
<li>价格</li>
<li>收藏</li>
<li>人气</li>
<li>新品</li>
</ul>
</li>
<li><a href="#">产品2</a>
</li>
<li><a href="#">产品3</a>
<ul class="pro1">
<li>销量</li>
<li>价格</li>
<li>收藏</li>
<li>人气</li>
<li>新品</li>
</ul>
</li>
</ul>
</body>
</html>
试写了一个 但是估计不用js效果不好 再说 IE6不用js很难兼容
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)