我爱模板网 > 特效插件 > 导航菜单 >  仿Dreamweaver欢迎界面文章列表正文

仿Dreamweaver欢迎界面文章列表

特效介绍
仿Dreamweaver欢迎界面文章列表

仿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改成你更改的类名即可。



部分素材资源来源网站,本站提供免费下载,如有侵权请联系站长马上删除!
上一篇:鼠标移上去放大的水晶动感jquery导航栏代码 下一篇:仿IBM官网导航栏js特效
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
选择头像:
最新评论

猜你喜欢