jquery.orbit图片幻灯片定时滑动切换特效代码下载


jquery.orbit图片幻灯片定时滑动切换特效代码下载
jquery.orbit图片幻灯片定时滑动切换特效代码下载以及图片幻灯片、定时滑动切换等js/jquery网页特效代码下载。

1. 引入CSS

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

2. 引入JS

<script type="text/javascript" src="js/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="js/jquery.orbit.min.js"></script>

3. HTML代码

<div id="demo1" class="featured"> 
	<a href="https://www.51qianduan.com/">51前端</a>
	<a href="https://www.51qianduan.com/">51前端</a>
	<a href="https://www.51qianduan.com/">51前端</a>
	<a href="https://www.51qianduan.com/">51前端</a>
</div> 
<span class="orbit-caption" id="title02">这是一张<em>很棒的标题</em>对于Ezio.<strong>注意:</strong> 整个形象联系在一起</span>
<span class="orbit-caption" id="title04">这是一张<em>很棒的标题</em>为马库斯<a href="https://www.51qianduan.com/">51前端</a></span>
<div id="demo2" class="featured"> 
	<a href="https://www.51qianduan.com/">51前端</a>
	<a href="https://www.51qianduan.com/">51前端</a>
	<a href="https://www.51qianduan.com/">51前端</a>
	<a href="https://www.51qianduan.com/">51前端</a>
</div> 
<span class="orbit-caption" id="title03">这是一张<em>很棒的标题</em>对于Ezio.<strong>注意:</strong> 整个形象联系在一起</span>
<span class="orbit-caption" id="title04">这是一张<em>很棒的标题</em>为马库斯<a href="https://www.51qianduan.com/">51前端</a></span>

相关推荐

发表评论

相关文章