jquery幻灯片动画轮播切换特效代码下载


jquery幻灯片动画轮播切换特效代码下载
jquery幻灯片动画轮播切换特效代码下载以及幻灯片动画、轮播切换等js/jquery网页特效代码下载。

1. 引入CSS

<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="js/pe.kenburns/themes/default/skin.min.css" />

2. 引入JS

<script type="text/javascript" src="js/jquery-1.5.2.min.js"></script>
<script type="text/javascript" src="js/pe.kenburns/jquery.pixelentity.kenburnsslider.min.js"></script>

3. HTML代码

<div id="annotation">
	<div id="wrapper" class="container_16">
		<!--start peKenBurns slider-->
		<div class="peKenBurns peNoJs" data-autopause="image" data-thumb="enabled" data-mode="kb" data-controls="always" data-shadow="enabled" data-logo="enabled">
			<div class="peKb_active" data-delay="5" data-thumb="img/thumbs/kb_00.jpg">
				<a href="https://www.51qianduan.com/">51前端</a>
				<h1>HI &amp; WELCOME TO THE "ESTRO" SLIDER BY PIXELENTITY</h1>
			</div>
			<div data-delay="5" data-thumb="img/thumbs/kb_01.jpg">
				<a href="https://www.51qianduan.com/">51前端</a>
				<h1>A KICK-ASS JQUERY PLUGIN WITH KEN BURNS &amp; 2-WAY SWIPE TRANSITIONS</h1>
			</div>
			<div class="peKb_active" data-delay="5" data-thumb="img/thumbs/kb_02.jpg">
				<a href="https://www.51qianduan.com/">51前端</a>
				<h1>HI &amp; WELCOME TO THE "ESTRO" SLIDER BY PIXELENTITY</h1>
			</div>
			<div data-delay="5" data-thumb="img/thumbs/kb_03.jpg">
				<a href="https://www.51qianduan.com/">51前端</a>
				<h1>A KICK-ASS JQUERY PLUGIN WITH KEN BURNS &amp; 2-WAY SWIPE TRANSITIONS</h1>
			</div>
			<div class="peKb_active" data-delay="5" data-thumb="img/thumbs/kb_04.jpg">
				<a href="https://www.51qianduan.com/">51前端</a>
				<h1>HI &amp; WELCOME TO THE "ESTRO" SLIDER BY PIXELENTITY</h1>
			</div>
			<div class="peKb_active" data-delay="5" data-thumb="img/thumbs/kb_05.jpg">
				<a href="https://www.51qianduan.com/">51前端</a>
				<h1>A KICK-ASS JQUERY PLUGIN WITH KEN BURNS &amp; 2-WAY SWIPE TRANSITIONS</h1>
			</div>
		</div>
		<!--end peKenBurns slider -->
	</div>
<!--end wrapper-->
</div>

相关推荐

发表评论

相关文章