今天分享一套压箱底的精品拿出来分享,值得大伙收藏。
html05_酷炫登录页面模板分享
本资源整理自互联网,仅供学习交流使用,请勿商用,坚持每日分享一套Java学习资源干货,一起提高,一起进步!!!
资源截图:
部分源码:
1 <script>
2 //window.setTimeout(showfh,3000);
3 var timer;
4 function showfh(){
5 fhi = 1;
6 //关闭提示晃动屏幕,注释掉这句话即可
7 timer = setInterval(xzfh2, 10);
8 };
9 var current = 0;
10 function xzfh(){
11 current = (current)%360;
12 document.body.style.transform = 'rotate('+current+'deg)';
13 current ++;
14 if(current>360){current = 0;}
15 };
16 var fhi = 1;
17 var current2 = 1;
18 function xzfh2(){
19 if(fhi>50){
20 document.body.style.transform = 'rotate(0deg)';
21 clearInterval(timer);
22 return;
23 }
24 current = (current2)%360;
25 document.body.style.transform = 'rotate('+current+'deg)';
26 current ++;
27 if(current2 == 1){current2 = -1;}else{current2 = 1;}
28 fhi++;
29 };
30 </script>
1 <!-- 注册 -->
2 <div id="windows2" style="display: none;">
3 <div id="loginbox">
4 <form action="" method="post" name="loginForm" id="loginForm">
5 <div class="control-group normal_text">
6 <h3>
7 <img src="static/login/logo.png" alt="Logo" />
8 </h3>
9 </div>
10 <div class="control-group">
11 <div class="controls">
12 <div class="main_input_box">