- 3/5
- 1
- 2
- 3
- 4
- 5
织梦DedeCMS视频教程买空间 租服务器 选网硕互联！ 无忧站长工具,百度权重一键全查!
给一个LI列表增加鼠标滑过时的背景，这样会方便用户浏览，也可提升用户体验，其实代码比较简单，就是定义LI列表的HOVER属性，可以看文本框的代码，点击运行可以看到为鼠标滑过每一个列表时增加了一个带边框的背景，很实用。
<!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> <title>LI列表鼠标悬停效果</title> <style type="text/css"> li {font-size:9pt;padding:3px;width:220px;} li:hover{background:skyblue; padding:3px;border:1px solid #003399;} </style> </head> <body> <ul> <li><a href="http://mb5u.com/soft/3694.shtml" target="_blank">《C#数据库开发经典案例解析》光盘源码</a></li><li><a href="/soft/3699.shtml" target="_blank">pcAnywhere v10.5 中文完整版</a></li><li><a href="/soft/3697.shtml" target="_blank">UltraEdit v14.2 中文破解版</a></li><li><a href="http://mb5u.com/soft/3696.shtml" target="_blank">LeapFTP v3.0 中文版</a></li><li><a hrefhttp://mb5u.com/soft/3688.shtml" target="_blank">Ajax无刷新评论（ASP.net+Jquery）</a></li><li><a href="http://mb5u.com/soft/3685.shtml" target="_blank">VB仿Vista风格真彩色图标按钮控件</a></li><li><a href="http://mb5u.com/soft/3677.shtml" target="_blank">PHP 生成HTML静态列表分页实例</a></li> </ul> </body> </html>