js帶倒影3D動畫人物旋轉木馬特效



138 549 184



特效描述:js帶倒影 3D動畫人物 旋轉木馬特效,js帶倒影3D動畫人物旋轉木馬特效

代碼結構

1. 引入JS

<script src="js/ImageRotator-min.js"></script>
<script src="js/ImageRotator-min.js"></script>

2. HTML代碼

<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>js帶倒影3D動畫人物旋轉木馬特效</title>
<style type="text/css">
	body{
		font-size:1em;
		color:#FFFFFF;
		background-color:#000000;
	}
	#Ellipse{
		position:relative;
		visibility:visible;
		z-index:1;
		width:700px;
		height:80px;
		border:none;
		margin-top: 250px;
		margin-bottom: 100px;
	}
	.RotatingIcon{
		border:none;
		width:80px;
	}
</style>
</head>
<body onload="InitScripts()">
<div class="htmleaf-container">
	<div id="Ellipse">
	 <img class="RotatingIcon"  src="img/hover0.png">
	 <img class="RotatingIcon"  src="img/hover1.png">
	 <img class="RotatingIcon"  src="img/hover2.png">
	 <img class="RotatingIcon"  src="img/hover3.png">
	 <img class="RotatingIcon"  src="img/hover4.png">
	 <img class="RotatingIcon"  src="img/hover5.png">
	</div>
</div>
<script type="text/javascript">
var imageRotater = null;
function InitScripts(){
 imageRotater = ImageRotatorJS('Ellipse','RotatingIcon',5,110,3000, 0, 90, 40, null);
}
</script>
</body>
</html>



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


熱門標簽: 滾動切換 滾動條切換 滑動選項卡 滑動切換 選項卡切換 選項卡 切換 tab切換 頁面切換 選項卡插件 切換插件 滑動手風琴 旋轉翻轉 旋轉 翻轉 圖片切換 圖片選項卡 圖標選項卡 旋轉木馬 圖片旋轉木馬 文字旋轉木馬 旋轉木馬插件
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

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

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

老夫子电子