html5 css3绘制苹果Apple产品模型样式代码



78 311 104



特效描述: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

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