jquery slider鼠标滑动图片淡出淡进轮播切换插件


jquery slider鼠标滑动图片淡出淡进轮播切换插件
jquery slider鼠标滑动图片淡出淡进轮播切换插件以及鼠标滑动、图片淡出淡进、轮播切换等js/jquery网页特效代码下载。

1. 引入CSS

<link rel="stylesheet" type="text/css" href="css/style.css">

2. 引入JS

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/script.js"></script>

3. HTML代码

<div id="PicSlide">
	<ul class="img">
		<li style="display:list-item;">
			<a href="https://www.51qianduan.com/">51前端</a>		</li>
		<li>
			<a href="https://www.51qianduan.com/">51前端</a>		</li>
		<li>
			<a href="https://www.51qianduan.com/">51前端</a>		</li>
		<li>
			<a href="https://www.51qianduan.com/">51前端</a>		</li>
		<li>
			<a href="https://www.51qianduan.com/">51前端</a>		</li>
	</ul>
	<div class="title">
		<p class="h3 pos-a"><a href="https://www.51qianduan.com/">51前端</a></p>
		<div class="shadow"></div>
	</div>
	<div class="thumb">
		<ul>
			<li><a href="https://www.51qianduan.com/">51前端</a></li>
			<li><a href="https://www.51qianduan.com/">51前端</a></li>
			<li><a href="https://www.51qianduan.com/">51前端</a></li>
			<li><a href="https://www.51qianduan.com/">51前端</a></li>
			<li><a href="https://www.51qianduan.com/">51前端</a></li>
		</ul>
		<div class="now-status" style="left:0px;"></div>
	</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
	//幻灯片调用
	slider.init({
		'id': $('#PicSlide'),
		way:'left',
		interval:4000
	});
});
</script>

相关推荐

发表评论

相关文章