在线体验: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;width:156px">
<a href="http://keleyi.com">
<img src="http://keleyi.com/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://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="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;">&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

posted on 2015-03-05 17:35  计划  阅读(2221)  评论(0编辑  收藏  举报