1

html/SignIn/tenInfo.html

@@ -104,6 +104,38 @@
             #container>div {
                 left: -5%;
             }
+			#tenImg{
+				width: 57%;
+				position: absolute;
+				left: -26%;
+				top: -10%;
+			}
+			.character{
+				width: 230px;
+				height: 305px;
+				background-image: url('../../images/tenreweu.png');
+				background-size: 100% 100%;
+				background-repeat: no-repeat;
+				position: absolute;
+				top: 50%;
+				left: 50%;
+				margin-left: -115px;
+				margin-top: -152px;
+				display: none;
+
+			}
+			.img_show{
+				width: 200px;
+				height: 200px;
+				margin-left: 15px;
+				margin-top: 10px;
+			}
+			.character p{
+				font-size: 40px;
+				color: #FFFFFF;
+				text-align: center;margin-top: 20px;
+
+			}
 		</style>
         <link rel="stylesheet" href="../../css/moveAnimate.min.css">
         <link rel="stylesheet" href="../../css/SignIn.css">
@@ -126,10 +158,17 @@
               <video src="../../video/NHQDQ9.mp4" autoplay="autoplay" loop="loop" muted="muted" id="homeBGvideo"></video>
             </div>
             <div class="">
-                <div id="container"></div>
-                
+                <div id="container">
+
+				</div>
+
 			</div>
-        </div>
+			<div class="character animated">
+				<img src="" alt="" class="img_show">
+				<p></p>
+			</div>
+
+		</div>
         <audio id="audio" autoplay>您的浏览器不支持 audio 元素。</audio>
 		<script>
             windowResize()
@@ -162,9 +201,9 @@
                     '李军', '李思思', '李伟霜', '李星晨', '李旭媛', '李燕燕', '李振业', '刘安娟', '刘东', '刘攀', '刘朋', '刘书利', '刘婷', '刘小勇', '刘依桐', '刘远', '卢佳雨', '卢星辰', '卢雪景',
                 '陆俏燕', '罗超', '罗娟', '罗玉玲', '慕大强', '瞿玉林', '任小容', '闪秀悦', '石明龙', '石明恬', '宋煦惟', '孙亚男', '唐杰', '唐萍', '唐婷', '唐雪梅', '滕富升', '万颖', '王靓',
                  '王蕾', '王立学', '王敏', '王苒', '王旭升', '王应洪', '王祉翔', '韦盛乐', '韦志', '魏余婷', '吴春', '吴曼琪', '吴攀', '吴淇', '伍朝朝', '肖雪艳', '肖自立', '谢明错', '谢骁亿',
-                '熊思奥', '熊小凤', '徐铭新', '徐树学', '闫飞龙', '杨博', '杨龙伟', '杨竹', '叶智仁', '袁媛苑', '张海燕', '张建国', '张莉', '张敏', '张前鹏', '张维', '张亚萍', '张媛媛', '张兆峰', 
+                '熊思奥', '熊小凤', '徐铭新', '徐树学', '闫飞龙', '杨博', '杨龙伟', '杨竹', '叶智仁', '袁媛苑', '张海燕', '张建国', '张莉', '张敏', '张前鹏', '张维', '张亚萍', '张媛媛', '张兆峰',
                 '章冬冬', '赵东亮', '赵欢', '赵雨', '赵致锟', '郑科', '郑锐', '周丹', '周岚', '周清菊', '周雪梅', '周杨', '朱梓妤', '祝姐']
-           
+
     		// animate
     		var _in = ['bounceIn','bounceInDown','bounceInLeft','bounceInRight','bounceInUp','fadeIn','fadeInDown','fadeInDownBig','fadeInLeft','fadeInLeftBig','fadeInRight','fadeInRightBig','fadeInUp','fadeInUpBig','rotateIn','rotateInDownLeft','rotateInDownRight','rotateInUpLeft','rotateInUpRight','slideInDown','slideInLeft','slideInRight'];
     		var _out = ['bounceOut','bounceOutDown','bounceOutLeft','bounceOutRight','bounceOutUp','fadeOut','fadeOutDown','fadeOutDownBig','fadeOutLeft','fadeOutLeftBig','fadeOutRight','fadeOutRightBig','fadeOutUp','fadeOutUpBig','rotateOut','rotateOutDownLeft','rotateOutDownRight','rotateOutUpLeft','rotateOutUpRight','slideOutDown','slideOutLeft','slideOutRight'];
@@ -183,7 +222,7 @@
 				}
 			}
 			// 生成虚拟数据222222222
-			
+
 			function init() {
 				camera = new THREE.PerspectiveCamera( 40, window.innerWidth / window.innerHeight, 1, 10000 );
 				camera.position.z = 3000;
@@ -276,7 +315,7 @@
 				// 		case 3:
 				// 			transform( targets.grid, 1000 );
 				// 		break;
-				// 	}	
+				// 	}
 				// },8000);
 				transform( targets.helix, 3000 );
 				//
@@ -323,9 +362,38 @@
 			}
 
 			function render() {
+
 				renderer.render( scene, camera );
 			}
+			$('#container>div>div').append('<img id="tenImg" src="../../images/tenyear/home_1.png">')
+			photoshow()
+			function photoshow() {
+
+				let i =0;
+				let timer = setInterval(function () {
+					let key = getRandomNumberByRange(0,22) +1;//随即数
+					$('.character').css('display','block')
+					$('.character p').html(imgList[i])
+					$(".img_show").attr("src",'../../images/tenyear/'+imgList[i]+'.jpg');
+					$(".character").addClass(_in[key])
+					setTimeout(function () {
+						$(".character").removeClass(_in[key])
+						$(".character").addClass(_out[key])
+					},4000)
+					setTimeout(function () {
+						$(".character").removeClass(_out[key])
+
+					},5000)
+					i++
+					if(i+1 == imgList.length){
+						clearInterval(timer)
+					}
+				},5000)
+			}
+			function getRandomNumberByRange(start, end) {
+				return Math.floor(Math.random() * (end - start) + start)
+			}
 		</script>
-		
+
 	</body>
 </html>