js带倒影3D动画人物旋转木马特效



134 535 179



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

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