css的图片背景触动效果

webcode · 发表于 2013-1-29 07:33:14

<head>
<styletype="text/css">
.BookpicBg{background-color:#CACACA;width:71px;height:108px;text-align:center;margin-left:5px;float:left;}
.BookpicBgimg{width:63px;height:88px;border:0;margin-top:4px;}
.BookpicBgspan{display:block;width:71px;height:14px;line-height:14px;overflow:hidden;}
.BookpicBgspana{color:#000000;text-decoration:none;}
.BookpicBgspana:hover{color:#38B217;}
.BookpicBgon{background-color:#000000;width:71px;height:108px;text-align:center;margin-left:5px;float:left;}
.BookpicBgonimg{width:63px;height:88px;border:0;margin-top:4px;}
.BookpicBgonspan{display:block;width:71px;height:14px;line-height:14px;overflow:hidden;}
.BookpicBgonspana{color:#ffffff;text-decoration:none;}
.BookpicBgonspana: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;}
.RowPreva.prev{background-image:url(/images2/cn/bookinfo/bprev.gif);background-repeat:no-repeat;width:14px;height:28px;display:block;}
.RowPreva.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;}
.RowNexta.next{background-image:url(/images2/cn/bookinfo/bnext.gif);background-repeat:no-repeat;width:14px;height:28px;display:block;}
.RowNexta.nexton{background-image:url(/images2/cn/bookinfo/bnexton.gif);background-repeat:no-repeat;width:14px;height:28px;display:block;}
</style>
</head>
<body>

<divclass="Rowpic">
<divclass="BookpicBg"onMouseout="this.className='BookpicBg'">
<atitle=""alt=""href="http://novel.isoshu.com/bookinfo/41326"target="_blank">
<imgsrc="http://img1.isoshu.com/cover/novel/2/20071106133332.jpg"title="小姨半个妻(第1节-11节)"/></a>
<span><ahref="http://novel.isoshu.com/bookinfo/41326"target="_blank">小姨半个妻</a></span>
</div>
<divclass="BookpicBg"onMouseout="this.className='BookpicBg'">
<atitle=""alt=""href="http://novel.isoshu.com/bookinfo/41241"target="_blank">
<imgsrc="http://img1.isoshu.com/cover/novel/2/20071029143721.jpg"title="该死的欲望(第1章-7章)"/></a>
<span><ahref="http://novel.isoshu.com/bookinfo/41241"target="_blank">该死的欲望</a></span>
</div>
<divclass="BookpicBg"onMouseout="this.className='BookpicBg'">
<atitle=""alt=""href="http://novel.isoshu.com/bookinfo/41240"target="_blank">
<imgsrc="http://img1.isoshu.com/cover/novel/2/20071029143326.jpg"title="萌动与欲火(第1章-46章)"/></a>
<span><ahref="http://novel.isoshu.com/bookinfo/41240"target="_blank">萌动与欲火</a></span>
</div>
<divclass="BookpicBg"onMouseout="this.className='BookpicBg'">
<atitle=""alt=""href="http://novel.isoshu.com/bookinfo/41182"target="_blank">
<imgsrc="http://img1.isoshu.com/cover/novel/2/20071024154448.jpg"title="边做边爱SEX(第1章-16章)"/></a>
<span><ahref="http://novel.isoshu.com/bookinfo/41182"target="_blank">边做边爱SEX</a></span>
</div>
<divclass="BookpicBg"onMouseout="this.className='BookpicBg'">
<atitle=""alt=""href="http://novel.isoshu.com/bookinfo/41139"target="_blank">
<imgsrc="http://img1.isoshu.com/cover/novel/2/20071024171434.jpg"title="性欲纵横(第1卷-7卷)"/></a>
<span><ahref="http://novel.isoshu.com/bookinfo/41139"target="_blank">性欲纵横</a></span>
</div>
<divclass="BookpicBg"onMouseout="this.className='BookpicBg'">
<atitle=""alt=""href="http://novel.isoshu.com/bookinfo/41121"target="_blank">
<imgsrc="http://img1.isoshu.com/cover/novel/2/20071019171925.jpg"title="偷情少爷(第1章-16章)"/></a>
<span><ahref="http://novel.isoshu.com/bookinfo/41121"target="_blank">偷情少爷</a></span>
</div>
<divclass="BookpicBg"onMouseout="this.className='BookpicBg'">
<atitle=""alt=""href="http://novel.isoshu.com/bookinfo/41120"target="_blank">
<imgsrc="http://img1.isoshu.com/cover/novel/2/20071019171908.jpg"title="男欲女欢(第1章-14章)"/></a>
<span><ahref="http://novel.isoshu.com/bookinfo/41120"target="_blank">男欲女欢</a></span>
</div>
<divclass="BookpicBg"onMouseout="this.className='BookpicBg'">
<atitle=""alt=""href="http://novel.isoshu.com/bookinfo/41033"target="_blank">
<imgsrc="http://img1.isoshu.com/cover/novel/2/20071015105618.jpg"title="堕落无罪(完结)"/></a>
<span><ahref="http://novel.isoshu.com/bookinfo/41033"target="_blank">堕落无罪</a></span>
</div>
<divclass="BookpicBg"onMouseout="this.className='BookpicBg'">
<atitle=""alt=""href="http://novel.isoshu.com/bookinfo/34460"target="_blank">
<imgsrc="http://img1.isoshu.com/cover/novel/2/2lsgb0001.jpg"title="让爱欲,在零度饱和(连载)"/></a>
<span><ahref="http://novel.isoshu.com/bookinfo/34460"target="_blank">让爱欲,在零度饱和</a></span>
</div>
</div>
</body>

		自动登录	找回密码
密码			立即注册

css的图片背景触动效果

浏览过的版块