全屏幻灯片JQ+JS+CSS3
<script type='text/javascript' src='http://www.ic678.com/taobao/js/jquery-1.7.2.min.js'></script> <style> img{border:0} #slideshow{position: relative;height: 300px;width: 930px;margin: 0 auto;} #slideshow a{float: left;display: inline;} #slideshow .img{position: absolute;width: 930px;height: 300px;overflow: hidden} #slideshow .img span{position: absolute;width: 19999px;display: block} #slideshow .btns{z-index: 10;position: absolute;width: 930px} #slideshow .btns b{position: absolute;width: 100px;display: block;height: 14px;overflow: hidden;top: 275px;left: 50%} #slideshow .btns b i{width: 10px;background: #414140;float: left;height: 10px;font-size: 0px;overflow: hidden;cursor: pointer;margin-right: 6px;border: #414140 2px solid;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px} #slideshow .btns b i: hover{background: #a7a7a6} #slideshow .btns b i.on{background: #3cd2f1;cursor: default} #slideshow .btns b i.on: hover{background: #3cd2f1;cursor: default} #slideshow .btns s{position: absolute;width: 60px;display: none;height: 80px;overflow: hidden;top: 115px;cursor: pointer} #slideshow .btns s i{position: absolute;width: 60px;background: url(images/btn_slideshow.png);height: 160px;_filter: progid: dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=scale, src="images/btn_slideshow.png");_background: none;} #slideshow .btns s.prev{left: 0px} #slideshow .btns s.prev i{top: -80px} #slideshow .btns s.next{right: 0px} .slideshow-hover#slideshow .btns s{display: block} .paging{opacity: 0.5;filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;height: 300px;position: absolute;background: #000;overflow: hidden} .wtit .info,.wtit .tit{float: left;} .wtit .info{padding: 35px 0 0 20px;color: #989898;} .wtit .info span{margin: 0 8px;} </style> </head> <body oncontextmenu='return false' ondragstart='return false'> <div id="slideshow" rel="auto-play"> <div class="img"><span><a href="http://618142.taobao.com/" target="_blank"> <img src="http://www.ic678.com/taobao/images/01.jpg" /></a><a href="http://618142.taobao.com/" target="_blank"> <img src="http://www.ic678.com/taobao/images/02.jpg" /></a><a href="http://618142.taobao.com/" target="_blank"> <img src="http://www.ic678.com/taobao/images/03.jpg" /></a></span> <div class="paging pattern"></div> <div class="paging subpattern"></div> </div> </div> <script type='text/javascript' src='http://www.ic678.com/taobao/js/jquery.slider.js'></script> </body> </html>
- 1
- z65041029j2014-03-22不是太完美,有点局限性。
- menghongxu2013-12-09对我没得用,以前早就下过了
- 粉丝: 0
- 资源: 1
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- (源码)基于C语言的系统服务框架.zip
- (源码)基于Spring MVC和MyBatis的选课管理系统.zip
- (源码)基于ArcEngine的GIS数据处理系统.zip
- (源码)基于JavaFX和MySQL的医院挂号管理系统.zip
- (源码)基于IdentityServer4和Finbuckle.MultiTenant的多租户身份认证系统.zip
- (源码)基于Spring Boot和Vue3+ElementPlus的后台管理系统.zip
- (源码)基于C++和Qt框架的dearoot配置管理系统.zip
- (源码)基于 .NET 和 EasyHook 的虚拟文件系统.zip
- (源码)基于Python的金融文档智能分析系统.zip
- (源码)基于Java的医药管理系统.zip