在线体验: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;">©</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>