jquery图片栅格替换效果.zip资源-CSDN文库

共6个文件

jpg：3个

js：2个

html：1个

版权申诉

javascript

html5

jQuery

193 浏览量 2022-11-22 17:15:37 上传评论收藏 138KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

jquery图片栅格替换效果.zip （6个子文件）

jquery图片栅格替换效果

jiaoben408

images

srot-pic1.jpg 25KB

srot-pic2.jpg 36KB

index.html 1KB

jquery.js 70KB

jquery.stripesrotator.js 4KB

jquery图片栅格替换效果.jpg 60KB

<!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jquery图片栅格替换效果 - 网页模板</title> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.stripesrotator.js"></script> <script type="text/javascript"> $(document).ready(function() { // $('#rotator').stripesRotator({ images: $('#imagescontainer') }); // $('#rotator').stripesRotator({ images: [ $('#img1'), $('#img2') ] }); /* TODO: It does not respect the array order. If a background image is set * in the div, it will be (probably) loaded first, thus it will rotate that * image with itself. */ $('#rotator').stripesRotator({ images: [ 'images/srot-pic1.jpg', 'images/srot-pic2.jpg'] }); }); </script> </head> <body> <div style="width: 820px; text-align: center; margin: 0 auto;"> <div id="rotator" style="height: 103px; width: 820px; overflow: hidden; padding: 0; background-image: url('srot-pic1.jpg');"></div> </div> <div style="text-align:center;clear:both"> <p>适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. </p> <p>来源：<a href="http://www.moobnn.com/" target="_blank">网页模板</a></p> </div> </body> </html>

评论收藏

内容反馈

版权申诉