jQuery模拟防盗门密码开锁特效代码下载


jQuery模拟防盗门密码开锁特效代码下载
jQuery模拟防盗门密码开锁特效代码下载以及模拟防盗门、密码开锁等js/jquery网页特效代码下载。

1. 引入CSS

<link href="css/css.css" type="text/css" rel="stylesheet"/>

2. 引入JS

<script src="js/jquery-1.10.1.min.js"></script>
<script src="js/door.js"></script>

3. HTML代码

<div class="men_cen">
	<!--门-->
    <div class="menkai ">
    	<img src="images/men_kaiR.png"/>
     	<span><img src="images/bashou.png"/></span>
     </div>
     <!-- 键盘区 -->
    <div class="jianpan"></div>
    <!--光-->
    <div class="kaimen_guang"></div>
    <!--密码-->
    <div class="mimasuo none">
    	<div class="nima_num">
        	<ul id="carnum" >
            	<li>1</li>
                <li>2</li>
                <li>3</li>
                <li>4</li>
                <li>5</li>
                <li>6</li>
                <li>7</li>
                <li>8</li>
                <li>9</li>
                <li>*</li>
                <li>0</li>
                <li ><img src="images/qinling.png"/></li>
            </ul>
        </div>
    </div>
    <!--输入密码-->
    <div class="srmima none">
    	<span></span>
    </div>
</div>
   <!--密码错误提示-->
<div class="mimcw_zezc" style="display:none" id="cyts">
    <div class="tac_mimcw">
   		<span>密码错误</span>
        <img src="images/an_zsyc.png"/>
    </div>
</div>
   <!--密码错误提示-->
<div class="mimcw_zezc "  id="mimts"  >
    <div class="tac_mimcw">
    	<b>密码:25617</b>
    </div>
</div>

相关推荐

发表评论

相关文章