注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

小乐作品--细品人生

品味生活-品味茶香-品味青春-品味我们的年代

 
 
 

日志

 
 
关于我

Hello,大家好,个性名:唐少,英文名:harry Tang《哈里.唐》,别名叫:happy king,网络达人名:唐家OPPA。我是一个活泼开朗且又风趣的大男生,超赞的个性一族哦~!最骄傲的就是自己长了一张人见人爱,佛见佛跪拜的娃娃脸,我来至于周恩来的故乡--淮安。本人博友已到上限,你们加我为好友吧!

网易考拉推荐

【转载】CSS做的图片滚动下拉效果广告代码  

2016-08-24 14:24:02|  分类: 【HTML大全】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
鼠标经过图片变清晰推荐运行试看效果!

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="Copyright" />
<meta name="description" />
<title>CSS做的图片滚动下拉效果广告代码</title>
<style type="text/css">
<!--
ul {
 border: 3px double #999;
 height: 450px;
 width: 175px;
 overflow: auto;
 overflow-x: hidden;
 padding: 2px;
 scrollbar-3dlight-color:#cccccc;
 scrollbar-arrow-color:#ffffff;
 scrollbar-base-color:#cccccc;
 scrollbar-darkshadow-color:#cccccc;
 scrollbar-face-color:#ccc;
 scrollbar-highlight-color:#ffffff;
 scrollbar-shadow-color:#ffffff;  
}
li {
 list-style-type: none;
}
li a img {
 filter: Alpha(Opacity=70);
 border-top-style: none;
 border-right-style: none;
 border-bottom-style: none;
 border-left-style: none;
 width:150px;
 height:150px;
 padding: 2px; 
}
li a:hover img {
 filter: Alpha(Opacity=100);
 border: 1px solid #00686b;
 padding: 1px;
}
-->
</style>
</head>
<body>
<ul>
  <li><a href="http://illl.taobao.com/" target="_blank"><img src="http://www.mjbox.com/r/u8/u8b/taobao/images/album1.jpg"></a></li>
  <li><a href="http://item.taobao.com/auction/item_detail-0db2-c5f61840c54976021a86206612674d0a.htm" target="_blank"><img
src="http://www.mjbox.com/r/u8/u8b/taobao/images/album7.jpg"></a></li>
  <li><a href="http://item.taobao.com/auction/item_detail-0db2-3acb682b0990a180db9a0a970e9780a6.htm" target="_blank"><img
src="http://www.mjbox.com/r/u8/u8b/taobao/images/album8.jpg"></a></li>
  <li><a href="http://item.taobao.com/auction/item_detail-0db2-4a0d1073b455ed6f4d5f99b7ffb98b35.htm" target="_blank"><img
src="http://www.mjbox.com/r/u8/u8b/taobao/images/album2.jpg"></a></li>
  <li><a href="http://item.taobao.com/auction/item_detail-0db2-3e0cd36b1e339e764cd4becac8462b34.htm" target="_blank"><img
src="http://www.mjbox.com/r/u8/u8b/taobao/images/album3.jpg"></a></li>
  <li><a href="http://item.taobao.com/auction/item_detail-0db2-4745e1187e81d2ae61f2468d5499b574.htm" target="_blank"><img
src="http://www.mjbox.com/r/u8/u8b/taobao/images/album4.jpg"></a></li>
  <li><a href="http://item.taobao.com/auction/item_detail-0db2-5ac419c930cee7f5d19bcb84a1bf6fb3.htm" target="_blank"><img
src="http://www.mjbox.com/r/u8/u8b/taobao/images/album9.jpg"></a></li>
  <li><a href="http://item.taobao.com/auction/item_detail-0db2-9f8861ebd70d149214d27d000b3d35d0.htm" target="_blank"><img
src="http://www.mjbox.com/r/u8/u8b/taobao/images/album6.jpg"></a></li>
  <li><a href="http://item.taobao.com/auction/item_detail-0db2-10eba28e0a429e1dcb9bc8821b6c5b94.htm" target="_blank"><img
src="http://www.mjbox.com/r/u8/u8b/taobao/images/album5.jpg"></a></li>
  <li><a href="http://shop60246878.taobao.com/" target="_blank"><img src="http://www.mjbox.com/r/u8/u8b/taobao/images/album10.jpg"></a></li>             
</ul>
</body>
</html>
 
互联友吧 - 网易博客特效代码大全
互联友吧导航档 

互联友吧 - 网易博客特效代码大全

  评论这张
 
阅读(5)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017