jQuery可自动轮播暂停图片幻灯片插件


jQuery可自动轮播暂停图片幻灯片插件
jQuery可自动轮播暂停图片幻灯片插件以及可自动轮播暂停、图片幻灯片等js/jquery网页特效代码下载。

1. 引入CSS

<link type="text/css" rel="stylesheet" href="css/jquery.galleryview-3.0-dev.css" />

2. 引入JS

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/jquery.timers-1.2.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.galleryview-3.0-dev.js"></script>

3. HTML代码

<ul id="myGallery">
	<li><img src="images/bp1.jpg" alt="Lone Tree Yellowstone" />
	<li><img src="images/bp2.jpg" alt="Is He Still There?!" />
	<li><img src="images/bp4.jpg" alt="Noni Nectar For Green Gecko" />
	<li><img src="images/bp7.jpg" alt="Flight of an Eagle Owl" />
	<li><img src="images/bp14.jpg" alt="Winter Lollipops" />
	<li><img src="images/bp26.jpg" alt="Day of Youth" />
	<li><img src="images/bp27.jpg" alt="Sunbathing Underwater" />
	<li><img src="images/bp28.jpg" alt="Untitled" />
	<li><img src="images/bp41.jpg" alt="New Orleans Streetcar" />
	<li><img src="images/bp49.jpg" alt="By The Wind of Chance" />
	<li><img src="images/bp52.jpg" alt="Fishing on the Cloud" />
	<li><img src="images/bp53.jpg" alt="Blue Lagoon" />
	<li><img src="images/bp54.jpg" alt="Time" />
</ul>
<script type="text/javascript">
$(function(){
	$('#myGallery').galleryView();
});
</script>
<style>
/*无视*/
.gv_galleryWrap{margin:0 auto;}
</style>

相关推荐

发表评论

相关文章