在線體驗:http:///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/phtml/jqtexiao/35/keleyitimu.css" />
<script type="text/javascript" src="http:///keleyi/pmedia/jquery/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="http:///keleyi/phtml/jqtexiao/35/keleyitimu.js"></script>
</head>
<body>
<div id="head_keleyi_com">
<div style="float:left;width:156px">
<a href="http://">
<img src="http:///images/logo.gif" alt="" style="border:0px; width:152px; height:72px;" />
</a>
</div>
<div id="tou_kelei_cn">元宵燈謎</div>
<div class="clear"></div>
</div>
<div id="weihzi_keleyi_com"><a href="http://" target="_blank">首頁</a> - <a href="http:///keleyi/phtml/">特效庫</a> - <a href="http:///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="width: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;"></span> <a href="http:///keleyi/phtml/" target="_blank">特效庫</a> | <a href="http:///map/">網站地圖</a> </div>
</body>
</html>