原生js水平手风琴弹性相册图片展示



85 338 113



特效描述:水平手风琴 弹性相册图片,弹性相册展示

代码结构

1. HTML代码

<div id="slider">
		<div class="slide">
			<img class="diapo" src="images/sf10.jpg" alt="">
			<div class="text">
				  <span class="title">The best</span>
				  The offspring of a customized orbiter
			</div>
		</div>
		<div class="slide">
			<img class="diapo" src="images/sf14.jpg" alt="">
			<div class="text">
				<span class="title">Prototype</span>
				O飇ostem's deep impulse flow is selectively regulated
			</div>
		</div>
		<div class="slide">
			<img class="diapo" src="images/sf24.jpg" alt="">
			<div class="text">
				  <span class="title">Has been reduced</span>
				  Paired hosts come out nicely after only two cycles now.
				  Plus, they are beautiful.
			</div>
		</div>
		<div class="slide">
			<img class="diapo" src="images/sf04.jpg" alt="">
			<div class="text">
				<span class="title">By close-alikes</span>
				Now I have regained hopes in someday finding myself surrounded
				communicational goals ...
			</div>
		</div>
		<div class="slide">
			<img class="diapo" src="images/sf01.jpg" alt="">
			<div class="text">
				  <span class="title">To bear</span>
				  We did not expect their surface to produce such a carbon powder coat
			</div>
		</div>
		<div class="slide">
			<img class="diapo" src="images/sf15.jpg" alt="">
			<div class="text">
				  <span class="title">The zero level</span>
				  Today a set of vibration came up from the zero level;
			</div>
		</div>
		<div class="slide">
			<img class="diapo" src="images/sf41.jpg" alt="">
			<div class="text">
				  <span class="title">Beautifully</span>
				  To keep my sanity I wear the tactile sensors all the time.
			</div>
		</div>
		<div class="slide">
			<img class="diapo" src="images/sf26.jpg" alt="">
			<div class="text">
				  <span class="title">Uneasy to match</span>
				  Yewoona had to travel farther and longer than I did. 
			</div>
		</div>
		<div class="slide">
			<img class="diapo" src="images/sf50.jpg" alt="">
			<div class="text">
				  <span class="title">Adapted to serve</span>
				  Keep feeding them. We will never be this lucky again;
			</div>
		</div>
		<div class="slide">
			<img class="diapo" src="images/sf19.jpg" alt="">
			<div class="text">
				  <a class="title" href="http://www.dhteumeuleu.com">At soonest</a>
				  "Blood is dark red, iron dark blue, this tale is blissful and so are you".
			</div>
		</div>
	</div>
<script type="text/javascript">
slider.init();
</script>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 滑动 滑块 滑动门 触屏滑动 滑动插件 滑块插件 滑动手风琴

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到