精美轮播图(完整代码)

最新推荐文章于 2024-09-11 23:16:45 发布

csdn_980979768

最新推荐文章于 2024-09-11 23:16:45 发布

阅读量4.3k

点赞数 2

分类专栏： jqeury javascript 文章标签： javascript jquery

本文链接：https://blog.csdn.net/CSDN_980979768/article/details/47001939

版权

jqeury 同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

javascript

2 篇文章 0 订阅

订阅专栏

注: js/jquery-1.4.4.min.js", jQuery 用1.4以上版本都行.

"js/slides.min.jquery.js ,图片, 以及完整代码供各位免费下载:

<a href="http://download.csdn.net/detail/csdn_980979768/8925985" >免费资源下载链接<a/>

<html>
	<head>
	<meta charset="utf-8">

	<title>简洁jquery相册</title>
	<script src="js/jquery-1.4.4.min.js"></script>
	<script src="js/slides.min.jquery.js"></script>
	<script>
	$(function(){
	$('#slides').slides({
	preload: true,
	preloadImage: 'img/loading.gif',
	play: 5000,
	pause: 2500,
	hoverPause: true
	});
	});
	</script>
	<link rel="stylesheet" href="css/global.css">
	</head>
	<body>
	您的位置：<a href="">阿里</a> ><ahref="">网页特效</a> ><ahref="">广告代码</a><hr />
	<div id="container">
	<div id="example">
	<img src="img/new-ribbon.png"width="112"height="112"alt="New Ribbon"id="ribbon">
	<div id="slides">
	<div class="slides_container">
	<a href=""title="图片"target="_blank"><imgsrc="img/slide-1.jpg"width="570"height="270"alt="Slide 1"></a>
	<a href=""title="图片"target="_blank"><imgsrc="img/slide-2.jpg"width="570"height="270"alt="Slide 2"></a>
	<a href=""title="图片"target="_blank"><imgsrc="img/slide-3.jpg"width="570"height="270"alt="Slide 3"></a>
	<a href=""title="图片"target="_blank"><imgsrc="img/slide-4.jpg"width="570"height="270"alt="Slide 4"></a>
	<a href=""title="图片"target="_blank"><imgsrc="img/slide-5.jpg"width="570"height="270"alt="Slide 5"></a>
	<a href=""title="图片"target="_blank"><imgsrc="img/slide-6.jpg"width="570"height="270"alt="Slide 6"></a>
	<a href=""title="图片"target="_blank"><imgsrc="img/slide-7.jpg"width="570"height="270"alt="Slide 7"></a>
	</div>
	<a href="#"class="prev"><imgsrc="img/arrow-prev.png"width="24"height="43"alt="Arrow Prev"></a>
	<a href="#"class="next"><imgsrc="img/arrow-next.png"width="24"height="43"alt="Arrow Next"></a>
	</div>
	<img src="img/example-frame.png"width="739"height="341"alt="Example Frame"id="frame">
	</div>

	</div>
	</body>
	</html>