特效介绍
仿Dreamweaver欢迎界面文章列表,鼠标滑过很有质感。闲来无事,随便搞搞,感觉挺好看。
使用方法
1、在头部引入下面的代码:<style type="text/css"> .demo,.demo li{list-style:none;} .demo{width:216px;} .demo li a{display:block; background:url(image/bg.png); width:190px; height:22px; line-height:22px; padding-left:26px; color:#000; font-family:"微软雅黑"; font-size:12px; font-weight:bold; text-decoration:none; overflow:hidden;} .demo li a:hover{background:url(image/bg_hover.png);} </style>2、在需要使用这种特效的地方的列表加个类名为“demo”的class。当然,demo比较常用,你可以改成别的,顺便把css里面的demo改成你更改的类名即可。
部分素材资源来源网站,本站提供免费下载,如有侵权请联系站长马上删除!