div+css背景图片透明度显示特效代码下载


div+css背景图片透明度显示特效代码下载
div+css背景图片透明度显示特效代码下载以及背景图片、透明度显示等js/jquery网页特效代码下载。

1. HTML代码

<style type="text/css">
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
/* floorLeft */
.floorLeft{width:190px;height:270px;overflow:hidden;margin:0 auto;}
.floorLeft ul{height:100%;background:#d78494 url(images/brand-190-300.png) no-repeat;}
.floorLeft li{float:left;height:30px;width:95px;position:relative;}
.floorLeft li a{position:absolute;left:0;top:0;display:inline-block;height:30px;width:100%;text-indent:-9999px;overflow:hidden;}
.floorLeft li a:hover{top:-1px;height:31px;background:#000;opacity:.1;filter:alpha(opacity=10);}
</style>
<div class="floorLeft"> 
	<ul>
		<li><a title="资生堂" href="http://www.51qianduan.com/" target="_blank">资生堂</a></li>
		<li><a title="佰草集" href="http://www.51qianduan.com/" target="_blank">佰草集</a></li>
		<li><a title="雅诗兰黛" href="http://www.51qianduan.com/" target="_blank">雅诗兰黛</a></li>
		<li><a title="阿芙" href="http://www.51qianduan.com/" target="_blank">阿芙</a></li>
		<li><a title="相宜本草" href="http://www.51qianduan.com/" target="_blank">相宜本草</a></li>
		<li><a title="Olay" href="http://www.51qianduan.com/" target="_blank">Olay</a></li>
		<li><a title="Marubi/丸美" href="http://www.51qianduan.com/" target="_blank">Marubi/丸美</a></li>
		<li><a title="自然堂" href="http://www.51qianduan.com/" target="_blank">自然堂</a></li>
		<li><a title="芳草集" href="http://www.51qianduan.com/" target="_blank">芳草集</a></li>
		<li><a title="薇姿" href="http://www.51qianduan.com/" target="_blank">薇姿</a></li>
		<li><a title="周大福" href="http://www.51qianduan.com/" target="_blank">周大福</a></li>
		<li><a title="T400" href="http://www.51qianduan.com/" target="_blank">T400</a></li>
		<li><a title="飞亚达" href="http://www.51qianduan.com/" target="_blank">飞亚达</a></li>
		<li><a title="海鸥" href="http://www.51qianduan.com/" target="_blank">海鸥</a></li>
		<li><a title="银时代" href="http://www.51qianduan.com/" target="_blank">银时代</a></li>
		<li><a title="戴维尼" href="http://www.51qianduan.com/" target="_blank">戴维尼</a></li>
		<li><a title="Special" href="http://www.51qianduan.com/" target="_blank">Special</a></li>
		<li><a title="雷朋" href="http://www.51qianduan.com/" target="_blank">雷朋</a></li>
	</ul>
</div>

相关推荐

发表评论

相关文章