Study笔记

jQuery仿简书网图片切换代码

jQuery仿简书网图片切换代码是一款仿简书网首页一张大图和两张小图切换,按钮控制图片切换代码。

jQuery仿简书网图片切换代码

代码展示:

<body>
<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.dhnblog.com/" target="_blank">大灰牛博客</a></p>
</div>
</body>

完整jQuery仿简书网图片切换代码下载

链接:https://pan.baidu.com/s/1As0GAGhOzIxV9T2HRR0_0w 提取码:t5eb
相关文章

个人简介

说的再好不如做的漂亮

标签聚合