modernizr html5 jquery 3D圖片翻轉幻燈片切換效果



60 236 79



特效描述:modernizr html5jquery 3D圖片翻轉 幻燈片切換效果,3D圖片翻轉幻燈片切換效果

代碼結構

1. 引入CSS

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

2. 引入JS

<script src="js/modernizr.custom.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.flipshow.js"></script>

3. HTML代碼

<div class="main">
	<div id="fc-slideshow" class="fc-slideshow">
		<ul class="fc-slides">
			<li><img src="images/1.jpg" /><h3>Hot</h3></li>
			<li><img src="images/2.jpg" /><h3>Cold</h3></li>
			<li><img src="images/3.jpg" /><h3>Light</h3></li>
			<li><img src="images/4.jpg" /><h3>Dark</h3></li>
			<li><img src="images/5.jpg" /><h3>Soft</h3></li>
			<li><img src="images/6.jpg" /><h3>Hard</h3></li>
			<li><img src="images/7.jpg" /><h3>Smooth</h3></li>
			<li><img src="images/8.jpg" /><h3>Rough</h3></li>
		</ul>
	</div>
</div>
<script type="text/javascript">
$(function(){	
	$('#fc-slideshow').flipshow();
});
</script>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 滾動切換 滾動條切換 滑動選項卡 滑動切換 選項卡切換 選項卡 切換 tab切換 頁面切換 選項卡插件 切換插件 滑動手風琴 旋轉翻轉 旋轉 翻轉 切換按鈕 表單 表單美化 表單插件 表單美化插件 圖片翻轉 圖片旋轉 圖片切換 圖片選項卡 圖標選項卡 按鈕控制
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

老夫子电子