jquery优雅轻巧的文字幻灯片可手动选择切换效果.zip资源-CSDN文库

共20个文件

jpg：9个

js：5个

gif：3个

版权申诉

34 浏览量 2022-11-01 01:24:52 上传评论收藏 452KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

jquery优雅轻巧的文字幻灯片可手动选择切换效果.zip （20个子文件）

132677881314586659

css

lanrenzhijia.css 567B

BarackSl.css 2KB

images

paris.jpg 31KB

bg_side.jpg 2KB

buenos_a.jpg 61KB

venice.jpg 75KB

london.jpg 46KB

spinner.gif 2KB

arrow.gif 72B

urubamba.jpg 64KB

bg_shado.gif 3KB

bg.jpg 24KB

osaka.jpg 61KB

melbourn.jpg 71KB

index.html 4KB

mootools.js 63KB

BarackSl.js 3KB

Fx.js 1KB

mootoolt.js 2KB

demo.js 1KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8;charset=utf-8"> <title>jquery优雅轻巧的文字幻灯片效果</title> <link rel="stylesheet" href="css/BarackSl.css" type="text/css" media="screen" title="Stylesheet" charset="utf-8" /> <link rel="stylesheet" href="css/lanrenzhijia.css" type="text/css" media="all" title="Stylesheet" charset="utf-8" /> <script type="text/javascript" charset="utf-8" src="js/mootools.js"></script> <script type="text/javascript" charset="utf-8" src="js/mootoolt.js"></script> <script type="text/javascript" charset="utf-8" src="js/Fx.js"></script> <script type="text/javascript" charset="utf-8" src="js/BarackSl.js"></script> <script type="text/javascript" charset="utf-8" src="js/demo.js"></script> </head> <body id="demo"> <div id="slideshow"> <span id="loading">Loading</span> <ul id="pictures"> <li><img src="images/melbourn.jpg" alt="Melbourne" title="Melbourne" /></li> <li><img src="images/buenos_a.jpg" alt="Buenos Aires" title="Buenos Aires" /></li> <li><img src="images/urubamba.jpg" alt="Urubamba" title="Urubamba" /></li> <li><img src="images/london.jpg" alt="London" title="London" /></li> <li><img src="images/venice.jpg" alt="Venice" title="Venice" /></li> <li><img src="images/paris.jpg" alt="Paris" title="Paris" /></li> <li><img src="images/osaka.jpg" alt="Osaka" title="Osaka" /></li> </ul> <ul id="menu"> <li><a href="http://devthought.com/wp-content/projects/mootools/barackslideshow/Source/images/cities/melbourne.jpg">Melbourne</a></li> <li><a href="http://devthought.com/wp-content/projects/mootools/barackslideshow/Source/images/cities/buenos_aires.jpg">Buenos Aires</a></li> <li><a href="http://devthought.com/wp-content/projects/mootools/barackslideshow/Source/images/cities/urubamba.jpg">Urubamba</a></li> <li><a href="http://devthought.com/wp-content/projects/mootools/barackslideshow/Source/images/cities/london.jpg">London</a></li> <li><a href="http://devthought.com/wp-content/projects/mootools/barackslideshow/Source/images/cities/venice.jpg">Venice</a></li> <li><a href="http://devthought.com/wp-content/projects/mootools/barackslideshow/Source/images/cities/paris.jpg">Paris</a></li> <li><a href="http://devthought.com/wp-content/projects/mootools/barackslideshow/Source/images/cities/osaka.jpg">Osaka</a></li> </ul> </div> <div id="slideshow-options"> <h2>Options</h2> <h3>Transition</h3> <ul> <li><input type="radio" name="transition" value="alternate" id="transition-alternate" checked="checked" /> <label for="transition-alternate">slide-fade progression</label></li> <li><input type="radio" name="transition" value="random" id="transition-random" /> <label for="transition-random">random</label></li> <li><input type="radio" name="transition" value="slide-left" id="transition-slide-left" /> <label for="transition-slide-left">slide left</label></li> <li><input type="radio" name="transition" value="slide-right" id="transition-slide-right" /> <label for="transition-slide-right">slide right</label></li> <li><input type="radio" name="transition" value="slide-bottom" id="transition-slide-bottom" /> <label for="transition-slide-bottom">slide bottom</label></li> <li><input type="radio" name="transition" value="slide-top" id="transition-slide-top" /> <label for="transition-slide-top">slide top</label></li> <li><input type="radio" name="transition" value="fade" id="transition-fade" /> <label for="transition-fade">fade</label></li> </ul> <h3><label for="option-auto">Auto</label> <input type="checkbox" name="auto" checked="checked" id="option-auto" /></h3> </div> </body> </html>

评论收藏

内容反馈

版权申诉