jQuery仿简书首页幻灯片图片切换效果.zip资源-CSDN文库

共10个文件

png：6个

js：2个

html：1个

版权申诉

jquery代码

jquery特效

jquery插件

142 浏览量 2023-09-25 13:43:18 上传评论收藏 267KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

jQuery仿简书首页幻灯片图片切换效果.zip （10个子文件）

jquery.min.js 91KB

carousel.js 5KB

img

a3.png 27KB

a6.png 42KB

a5.png 52KB

a2.png 51KB

a1.png 33KB

a4.png 29KB

css

carousel.css 2KB

index.html 1KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>jQuery仿简书首页幻灯片图片切换效果</title> <link rel="stylesheet" href="css/carousel.css"> <style> #banner{ width:1000px;margin:0 auto; } </style> </head> <body><script src="/demos/googlegg.js"></script> <div id='banner'></div> <script type="text/javascript" src="js/jquery.min.js"></script> <script src='js/carousel.js'></script> <script type="text/javascript"> window.onload = function(){ var banner = new Carousel(); //图片地址数组。不要少于三张 var imgSrcDate = ["img/a1.png","img/a2.png","img/a3.png","img/a4.png","img/a5.png","img/a6.png"]; banner.init({ container:"#banner", datas:imgSrcDate, autoplaySpeed:5000, autoplay:false }); } </script> <div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';"> <p>适用浏览器：360、FireFox、Chrome、Opera、傲游、搜狗、世界之窗. 不支持Safari、IE8及以下浏览器。</p> <p>来源：<a href="http://www.lanrenzhijia.com/" target="_blank">懒人素材</a></p> </div> </body> </html>

评论收藏

内容反馈

版权申诉