下面是编程之家 jb51.cc 通过网络收集整理的代码片段。
编程之家小编现在分享给大家,也给大家做个参考。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jquery图片特效slider插件</title> <link rel="stylesheet" type="text/css" href="http://www.17sucai.com/preview/48916/2013-10-18/demo11/jquery.slider.css" /> <style type="text/css"> .slider{width:900px;height:325px;overflow:hidden;} </style> <script type="text/javascript" src="http://www.17sucai.com/preview/48916/2013-10-18/demo11/demo21/jquery.min.js"></script> <script type="text/javascript" src="http://www.17sucai.com/preview/48916/2013-10-18/demo11/demo21/jquery.slider.min.js"></script> <script type="text/javascript"> $(document).ready(function($){ $(".slider").slideshow({ width : 900,height : 325,transition : 'explode' }); }); </script> </head> <body> <div class="slider"> <div><img src="http://www.17sucai.com/preview/48916/2013-10-18/demo11/demo21/images/slide_1.jpg" alt=""/></div> <div><img src="http://www.17sucai.com/preview/48916/2013-10-18/demo11/demo21/images/slide_2.jpg" alt=""/></div> <div><img src="http://www.17sucai.com/preview/48916/2013-10-18/demo11/demo21/images/slide_3.jpg" alt=""/></div> <div><img src="http://www.17sucai.com/preview/48916/2013-10-18/demo11/demo21/images/slide_4.jpg" alt=""/></div> </div> </body> </html>
以上是编程之家(jb51.cc)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。
如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。