html5 css3繪制蘋果Apple產品模型樣式代碼



82 326 109



特效描述:html5 css3繪制 蘋果Apple 產品模型樣式代碼,html5 css3蘋果產品模型樣式

代碼結構

1. 引入CSS

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

2. 引入JS

<script src="js/jquery-2.1.1.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/devices.js"></script>

3. HTML代碼

<article class="htmleaf-container">
	<header class="htmleaf-header">
		<div class="htmleaf-demo center">
		  <a href="index.html" class="current">iphone</a>
		  <a href="ipad.html">ipad</a>
		  <a href="mac.html">mac</a>
		  <a href="watch.html">watch</a>
		</div>
	</header>
	<div class="cd-iphone-6 cd-rosegold cd-scale-60">
	  <div class="cd-body">
		<div class="cd-sound"></div>
		<div class="cd-sleep"></div>
		<div class="cd-camera"></div>
		<div class="cd-ear"></div>
		<div class="cd-home"></div>
		<div class="cd-screen cd-transition-slider cd-smart-loader" data-pause-speed="4000" data-transition-speed="500">
		  <img src="img/GoodReader-4.5-for-iOS-iPhone-screenshot-004.jpg">
		  <img src="img/carousel.png">
		  <img src="img/ios-8-screenshot-iphone-6-full.jpg">
		</div>
	  </div>
	</div>
</article>



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


熱門標簽: 滑動 滑塊 滑動門 觸屏滑動 滑動插件 滑塊插件 圖片滑動 圖片滑塊
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

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

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

老夫子电子