基于jQuery通用幻灯片特效.zip资源-CSDN文库

共13个文件

jpg：5个

js：2个

gif：2个

版权申诉

html5

jQuery

javascript

56 浏览量 2022-11-25 10:22:44 上传评论收藏 302KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

基于jQuery通用幻灯片特效.zip （13个子文件）

基于jQuery通用幻灯片特效

jiaoben102

photos

blue-fish.jpg 37KB

coral-reef.jpg 119KB

sea-turtle.jpg 86KB

Thumbs.db 15KB

images

right.gif 122B

left.gif 123B

Thumbs.db 6KB

bg.jpg 12KB

index.html 2KB

packed.js 2KB

style.css 1KB

script.js 2KB

基于jQuery通用幻灯片特效.jpg 33KB

<!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>基于jQuery通用幻灯片特效_网页模板</title> <link rel="stylesheet" type="text/css" href="style.css" /> <script type="text/javascript" src="script.js"></script> </head> <body> <div id="wrapper"> <div> <div class="sliderbutton"><img src="images/left.gif" width="32" height="38" alt="Previous" onclick="slideshow.move(-1)" /></div> <div id="slider"> <ul> <li id="content"> <h1>TinySlider - Simple JavaScript Slideshow</h1> <p>This super lightweight (1.5 KB) sliding JavaScript slideshow script can easily be customized to integrate with any website through CSS. You can add any content to it, not just images, and it gracefully degrades without JavaScript support. The script supports automatic rotation with the option to auto-resume, an active class on a navigation list if applicable, and a direction toggle (vertical or horizontal).</p> <p><em>For complete details visit <a href="http://www.moobnn.com/">www.moobnn.com</a>.</em></p> </li> <li><img src="photos/sea-turtle.jpg" width="500" height="300" alt="Sea turtle" /></li> <li><img src="photos/coral-reef.jpg" width="500" height="300" alt="Coral Reef" /></li> <li><img src="photos/blue-fish.jpg" width="500" height="300" alt="Blue Fish" /></li> </ul> </div> <div class="sliderbutton"><img src="images/right.gif" width="32" height="38" alt="Next" onclick="slideshow.move(1)" /></div> </div> <ul id="pagination" class="pagination"> <li onclick="slideshow.pos(0)">1</li> <li onclick="slideshow.pos(1)">2</li> <li onclick="slideshow.pos(2)">3</li> <li onclick="slideshow.pos(3)">4</li> </ul> </div> <script type="text/javascript"> var slideshow=new TINY.slider.slide('slideshow',{ id:'slider', auto:3, resume:true, vertical:false, navid:'pagination', activeclass:'current', position:0 }); </script> <div style="text-align:center;clear:both"><br> <p>适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. </p> <p>来源：<a href="http://www.moobnn.com/" target="_blank">网页模板</a></p> </div> </body> </html>

评论收藏

内容反馈

版权申诉