css的图片背景触动效果
来源:互联网 发布:樱满集cos淘宝 编辑:程序博客网 时间:2024/05/16 17:58
<head>
<style type="text/css">
.BookpicBg{background-color:#CACACA; width:71px; height:108px;text-align:center; margin-left:5px; float:left;}
.BookpicBg img{width:63px; height:88px; border:0; margin-top:4px;}
.BookpicBg span{display:block; width:71px; height:14px; line-height:14px; overflow:hidden; }
.BookpicBg span a{color:#000000; text-decoration:none;}
.BookpicBg span a:hover{color:#38B217;}
.BookpicBgon{background-color:#000000; width:71px; height:108px;text-align:center; margin-left:5px; float:left;}
.BookpicBgon img{width:63px; height:88px; border:0; margin-top:4px;}
.BookpicBgon span{display:block; width:71px; height:14px; line-height:14px; overflow:hidden; }
.BookpicBgon span a{color:#ffffff; text-decoration:none;}
.BookpicBgon span a:hover{color:#38B217;}
.Rowpic{ width:693px; float:left; font-size:12px;}
.RowPrev{width:14px; margin-top:39px; height:30px;text-align:center; margin-left:3px; float:left;}
.RowPrev a.prev{background-image:url(/images2/cn/bookinfo/bprev.gif); background-repeat:no-repeat; width:14px; height:28px; display:block;}
.RowPrev a.prevon{background-image:url(/images2/cn/bookinfo/bprevon.gif); background-repeat:no-repeat; width:14px; height:28px; display:block;}
.RowNext{width:14px; margin-top:39px; height:30px;text-align:center; margin-left:3px; float:left;}
.RowNext a.next{background-image:url(/images2/cn/bookinfo/bnext.gif); background-repeat:no-repeat; width:14px; height:28px; display:block;}
.RowNext a.nexton{background-image:url(/images2/cn/bookinfo/bnexton.gif); background-repeat:no-repeat; width:14px; height:28px; display:block;}
</style>
</head>
<body>
<div class="Rowpic">
<div class="BookpicBg" onMouseover="this.className='BookpicBgon'" onMouseout="this.className='BookpicBg'">
<a title="" alt="" href="http://novel.isoshu.com/bookinfo/41326" target="_blank">
<img src="http://img1.isoshu.com/cover/novel/2/20071106133332.jpg" title="小姨半个妻(第1节-11节)" /></a>
<span><a href="http://novel.isoshu.com/bookinfo/41326" target="_blank">小姨半个妻</a></span>
</div>
<div class="BookpicBg" onMouseover="this.className='BookpicBgon'" onMouseout="this.className='BookpicBg'">
<a title="" alt="" href="http://novel.isoshu.com/bookinfo/41241" target="_blank">
<img src="http://img1.isoshu.com/cover/novel/2/20071029143721.jpg" title="该死的欲望(第1章-7章)" /></a>
<span><a href="http://novel.isoshu.com/bookinfo/41241" target="_blank">该死的欲望</a></span>
</div>
<div class="BookpicBg" onMouseover="this.className='BookpicBgon'" onMouseout="this.className='BookpicBg'">
<a title="" alt="" href="http://novel.isoshu.com/bookinfo/41240" target="_blank">
<img src="http://img1.isoshu.com/cover/novel/2/20071029143326.jpg" title="萌动与欲火(第1章-46章)" /></a>
<span><a href="http://novel.isoshu.com/bookinfo/41240" target="_blank">萌动与欲火</a></span>
</div>
<div class="BookpicBg" onMouseover="this.className='BookpicBgon'" onMouseout="this.className='BookpicBg'">
<a title="" alt="" href="http://novel.isoshu.com/bookinfo/41182" target="_blank">
<img src="http://img1.isoshu.com/cover/novel/2/20071024154448.jpg" title="边做边爱SEX(第1章-16章)" /></a>
<span><a href="http://novel.isoshu.com/bookinfo/41182" target="_blank">边做边爱SEX</a></span>
</div>
<div class="BookpicBg" onMouseover="this.className='BookpicBgon'" onMouseout="this.className='BookpicBg'">
<a title="" alt="" href="http://novel.isoshu.com/bookinfo/41139" target="_blank">
<img src="http://img1.isoshu.com/cover/novel/2/20071024171434.jpg" title="性欲纵横(第1卷-7卷)" /></a>
<span><a href="http://novel.isoshu.com/bookinfo/41139" target="_blank">性欲纵横</a></span>
</div>
<div class="BookpicBg" onMouseover="this.className='BookpicBgon'" onMouseout="this.className='BookpicBg'">
<a title="" alt="" href="http://novel.isoshu.com/bookinfo/41121" target="_blank">
<img src="http://img1.isoshu.com/cover/novel/2/20071019171925.jpg" title="偷情少爷(第1章-16章)" /></a>
<span><a href="http://novel.isoshu.com/bookinfo/41121" target="_blank">偷情少爷</a></span>
</div>
<div class="BookpicBg" onMouseover="this.className='BookpicBgon'" onMouseout="this.className='BookpicBg'">
<a title="" alt="" href="http://novel.isoshu.com/bookinfo/41120" target="_blank">
<img src="http://img1.isoshu.com/cover/novel/2/20071019171908.jpg" title="男欲女欢(第1章-14章)" /></a>
<span><a href="http://novel.isoshu.com/bookinfo/41120" target="_blank">男欲女欢</a></span>
</div>
<div class="BookpicBg" onMouseover="this.className='BookpicBgon'" onMouseout="this.className='BookpicBg'">
<a title="" alt="" href="http://novel.isoshu.com/bookinfo/41033" target="_blank">
<img src="http://img1.isoshu.com/cover/novel/2/20071015105618.jpg" title="堕落无罪(完结)" /></a>
<span><a href="http://novel.isoshu.com/bookinfo/41033" target="_blank">堕落无罪</a></span>
</div>
<div class="BookpicBg" onMouseover="this.className='BookpicBgon'" onMouseout="this.className='BookpicBg'">
<a title="" alt="" href="http://novel.isoshu.com/bookinfo/34460" target="_blank">
<img src="http://img1.isoshu.com/cover/novel/2/2lsgb0001.jpg" title="让爱欲,在零度饱和(连载)" /></a>
<span><a href="http://novel.isoshu.com/bookinfo/34460" target="_blank">让爱欲,在零度饱和</a></span>
</div>
</div>
</body>
<style type="text/css">
.BookpicBg{background-color:#CACACA; width:71px; height:108px;text-align:center; margin-left:5px; float:left;}
.BookpicBg img{width:63px; height:88px; border:0; margin-top:4px;}
.BookpicBg span{display:block; width:71px; height:14px; line-height:14px; overflow:hidden; }
.BookpicBg span a{color:#000000; text-decoration:none;}
.BookpicBg span a:hover{color:#38B217;}
.BookpicBgon{background-color:#000000; width:71px; height:108px;text-align:center; margin-left:5px; float:left;}
.BookpicBgon img{width:63px; height:88px; border:0; margin-top:4px;}
.BookpicBgon span{display:block; width:71px; height:14px; line-height:14px; overflow:hidden; }
.BookpicBgon span a{color:#ffffff; text-decoration:none;}
.BookpicBgon span a:hover{color:#38B217;}
.Rowpic{ width:693px; float:left; font-size:12px;}
.RowPrev{width:14px; margin-top:39px; height:30px;text-align:center; margin-left:3px; float:left;}
.RowPrev a.prev{background-image:url(/images2/cn/bookinfo/bprev.gif); background-repeat:no-repeat; width:14px; height:28px; display:block;}
.RowPrev a.prevon{background-image:url(/images2/cn/bookinfo/bprevon.gif); background-repeat:no-repeat; width:14px; height:28px; display:block;}
.RowNext{width:14px; margin-top:39px; height:30px;text-align:center; margin-left:3px; float:left;}
.RowNext a.next{background-image:url(/images2/cn/bookinfo/bnext.gif); background-repeat:no-repeat; width:14px; height:28px; display:block;}
.RowNext a.nexton{background-image:url(/images2/cn/bookinfo/bnexton.gif); background-repeat:no-repeat; width:14px; height:28px; display:block;}
</style>
</head>
<body>
<div class="Rowpic">
<div class="BookpicBg" onMouseover="this.className='BookpicBgon'" onMouseout="this.className='BookpicBg'">
<a title="" alt="" href="http://novel.isoshu.com/bookinfo/41326" target="_blank">
<img src="http://img1.isoshu.com/cover/novel/2/20071106133332.jpg" title="小姨半个妻(第1节-11节)" /></a>
<span><a href="http://novel.isoshu.com/bookinfo/41326" target="_blank">小姨半个妻</a></span>
</div>
<div class="BookpicBg" onMouseover="this.className='BookpicBgon'" onMouseout="this.className='BookpicBg'">
<a title="" alt="" href="http://novel.isoshu.com/bookinfo/41241" target="_blank">
<img src="http://img1.isoshu.com/cover/novel/2/20071029143721.jpg" title="该死的欲望(第1章-7章)" /></a>
<span><a href="http://novel.isoshu.com/bookinfo/41241" target="_blank">该死的欲望</a></span>
</div>
<div class="BookpicBg" onMouseover="this.className='BookpicBgon'" onMouseout="this.className='BookpicBg'">
<a title="" alt="" href="http://novel.isoshu.com/bookinfo/41240" target="_blank">
<img src="http://img1.isoshu.com/cover/novel/2/20071029143326.jpg" title="萌动与欲火(第1章-46章)" /></a>
<span><a href="http://novel.isoshu.com/bookinfo/41240" target="_blank">萌动与欲火</a></span>
</div>
<div class="BookpicBg" onMouseover="this.className='BookpicBgon'" onMouseout="this.className='BookpicBg'">
<a title="" alt="" href="http://novel.isoshu.com/bookinfo/41182" target="_blank">
<img src="http://img1.isoshu.com/cover/novel/2/20071024154448.jpg" title="边做边爱SEX(第1章-16章)" /></a>
<span><a href="http://novel.isoshu.com/bookinfo/41182" target="_blank">边做边爱SEX</a></span>
</div>
<div class="BookpicBg" onMouseover="this.className='BookpicBgon'" onMouseout="this.className='BookpicBg'">
<a title="" alt="" href="http://novel.isoshu.com/bookinfo/41139" target="_blank">
<img src="http://img1.isoshu.com/cover/novel/2/20071024171434.jpg" title="性欲纵横(第1卷-7卷)" /></a>
<span><a href="http://novel.isoshu.com/bookinfo/41139" target="_blank">性欲纵横</a></span>
</div>
<div class="BookpicBg" onMouseover="this.className='BookpicBgon'" onMouseout="this.className='BookpicBg'">
<a title="" alt="" href="http://novel.isoshu.com/bookinfo/41121" target="_blank">
<img src="http://img1.isoshu.com/cover/novel/2/20071019171925.jpg" title="偷情少爷(第1章-16章)" /></a>
<span><a href="http://novel.isoshu.com/bookinfo/41121" target="_blank">偷情少爷</a></span>
</div>
<div class="BookpicBg" onMouseover="this.className='BookpicBgon'" onMouseout="this.className='BookpicBg'">
<a title="" alt="" href="http://novel.isoshu.com/bookinfo/41120" target="_blank">
<img src="http://img1.isoshu.com/cover/novel/2/20071019171908.jpg" title="男欲女欢(第1章-14章)" /></a>
<span><a href="http://novel.isoshu.com/bookinfo/41120" target="_blank">男欲女欢</a></span>
</div>
<div class="BookpicBg" onMouseover="this.className='BookpicBgon'" onMouseout="this.className='BookpicBg'">
<a title="" alt="" href="http://novel.isoshu.com/bookinfo/41033" target="_blank">
<img src="http://img1.isoshu.com/cover/novel/2/20071015105618.jpg" title="堕落无罪(完结)" /></a>
<span><a href="http://novel.isoshu.com/bookinfo/41033" target="_blank">堕落无罪</a></span>
</div>
<div class="BookpicBg" onMouseover="this.className='BookpicBgon'" onMouseout="this.className='BookpicBg'">
<a title="" alt="" href="http://novel.isoshu.com/bookinfo/34460" target="_blank">
<img src="http://img1.isoshu.com/cover/novel/2/2lsgb0001.jpg" title="让爱欲,在零度饱和(连载)" /></a>
<span><a href="http://novel.isoshu.com/bookinfo/34460" target="_blank">让爱欲,在零度饱和</a></span>
</div>
</div>
</body>
- css的图片背景触动效果
- CSS实现PNG图片背景透明效果
- CSS固定背景的图片
- 用css实现链接经过时显示浮动图片背景的效果
- CSS背景半透明效果
- CSS实现图片背景填充的六边形
- css base64 图片背景
- css背景放图片
- CSS 背景 图片自适应
- CSS基础知识二(段落设置CSS效果、图片边框、div和span区别、CSS控制背景、CSS控制链接)
- css实现背景渐变效果
- CSS实现特殊背景效果
- css兼容性渐变背景效果
- DIV+CSS实现的拖动+隐藏/显示效果+背景变暗
- CSS实现兼容性的渐变背景(gradient)效果
- 综合css – 兼容性的渐变背景效果
- css背景居中,固定,不重复的效果
- CSS实现兼容性的渐变背景(gradient)效果
- Java 6中的线程优化真的有效么?
- 在SQL Server中快速删除重复记录
- [转]一个月想通的问题(2006-10-23 12:41)
- 关于select按汉字拼音排序
- 关于showmodaldialog的问题处理
- css的图片背景触动效果
- 客齐集的DIV+CSS导航条效果,酷
- 美化对SEO大有益处的H1标签
- [继续...转]动态网页技术(2006-10-24 22:26)
- Head First C# 中文版 图文皆译 第十一章 事件和代理 page496
- Floyd算法的证明(2006-10-28 02:09)
- FreeBSD7.0+postfix+sasl2+mysql+maildrop+ExtMan+Mailman+ClamAv完全安装
- C#执行exe文件时与主程序同步问题
- Time is going