li的鼠标经过背景换色效果

稿源：互联网 2022-04-24 16:24:36 点击： 3012 撤稿纠错

li的鼠标经过背景换色效果，可自定义颜色。

以下讨论的是和特效相关的li的鼠标经过背景换色效果教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style type="text/css"> li {width:180px;height:30px; background:fffff} li:hover{background:#000000; filter : alpha(opacity=20);} </style> </head> <body> <ul> <li><a href="#">第一链接</a>文字<a href="#">第二链接</a></li> <li><a href="#">第一链接</a>文字<a href="#">第二链接</a></li> </ul> </body> </html>
 <a href="http://js.alixixi.com/">欢迎访问阿里西西网页特效代码站，js.alixixi.com</a>[/html]
下面适合ie6,ie7
以下是HTML网页特效代码，点击运行按钮可查看效果：[html]<html> <head> <style type="text/css"> li {display:block;Width:180px;height:30px} a {display:block;background:#fffff} a:hover {background:#000;filter:alpha(opacity=20); -moz-opacity:.20; opacity:0.2} </style> </head> <body> <ul> <li><a href="#">第一链接</a></li> <li><a href="#">第一链接</a></li> </ul> </body> </html> <a href="http://js.alixixi.com/">欢迎访问阿里西西网页特效代码站，js.alixixi.com</a>

关于li的鼠标经过背景换色效果的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/200901021105.shtml方便下次再访问哦。

·上一篇： 仿搜狐女人频道FLASH图片切换效果
·下一篇： 图片滑动提示效果

li的鼠标经过背景换色效果

文章分类LIST >>返回首页

最新游戏

最新新闻