zoukankan      html  css  js  c++  java
  • jQuery元宵猜灯谜特效(元宵十五日猜一个字)

    在线体验:http://keleyi.com/keleyi/phtml/jqtexiao/35.htm

    jQuery元宵猜灯谜特效的HTML代码如下:

    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>元宵十五日猜一个字 - 可乐义</title>
    <meta name="description" content="元宵十五日猜一个字" />
    <meta name="keywords" content="元宵十五日猜一个字" />
    <link type="text/css" rel="Stylesheet" href="http://keleyi.com/keleyi/phtml/jqtexiao/35/keleyitimu.css" />
    <script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery/jquery-1.11.2.min.js"></script>
    <script type="text/javascript" src="http://keleyi.com/keleyi/phtml/jqtexiao/35/keleyitimu.js"></script>
    
    </head>
    <body>
    <div id="head_keleyi_com">
    <div style="float:left;156px">
    <a href="http://keleyi.com">
    <img src="http://keleyi.com/images/logo.gif" alt="柯乐义" style="border:0px; 152px; height:72px;" />
    </a>
    </div>
    <div id="tou_kelei_cn">元宵灯谜</div>
    <div class="clear"></div>
    </div>
    <div id="weihzi_keleyi_com"><a href="http://keleyi.com" target="_blank">首页</a> - <a href="http://keleyi.com/keleyi/phtml/">特效库</a> - <a href="http://keleyi.com/a/bjae/sn78qmtf.htm" target="_blank">原文</a></div>
    <div id="container">
    <div id="tikuang_keleyi_com">
    <div id="tigan_keleyi_com">
    元宵十五日猜一个字?
    </div>
    <div>
    <div id="huida_keleyi_com">
    <br />在这里输入答案:<br /><input type="text" id="daan_keleyi_com" onkeydown="return jpdati(event);" style="300px;" />
    <br />
    <div id="tips_keleyi_com"> </div>
    <input type="button" value="答题" onclick="dati()" class="answerbutton" />
    <div><a href="http://www.keleyi.cn/yzdd/20130221/yhxl4wjq.htm">上一题</a> <a href="http://www.keleyi.cn/yzdd/20120309/cls3we69.htm">下一题</a> <a href="javascript:;" id="qingkong">清空</a> <a href="javascript:kandaan()">查看答案</a></div>
    <div id="daan_div" style="visibility:hidden">参考答案:<span id="dana_keleyi">廿</span></div>
    </div>
    <div id="zaiyiqi">
    
    </div>
    </div>
    <div>
    
    </div>
    
    </div>
    <div id="right_keleyi_com">
    
    </div>
    </div>
    <div id="dibu_keleyi_com"> 柯乐义<span style="font-family:Arial;">&copy;</span> <span style="font-size:18px;">keleyi.com</span> <a href="http://keleyi.com/keleyi/phtml/" target="_blank">特效库</a> | <a href="http://keleyi.com/map/">网站地图</a> </div>
    </body>
    </html>

    web前端资源:http://www.cnblogs.com/jihua/p/webfront.html

  • 相关阅读:
    hph 缓存机制
    递归调用 和 迭代
    多维数组排序
    php curl操作
    JavaScript基本数据类型
    JavaScript基础
    CSS基础布局
    CSS基础样式
    CSS选择器
    CSS3基础
  • 原文地址:https://www.cnblogs.com/jihua/p/jquerydengmi.html
Copyright © 2011-2022 走看看