在线体验：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

jQuery元宵猜灯谜特效(元宵十五日猜一个字)的更多相关文章

  1. C语言 · 猜灯谜

    标题:猜灯谜 A 村的元宵节灯会上有一迷题: 请猜谜 * 请猜谜 = 请边赏灯边猜 小明想,一定是每个汉字代表一个数字,不同的汉字代表不同的数字. 请你用计算机按小明的思路算一下,然后提交“请猜谜”三 ...

  2. YTU 2572: 猜灯谜

    2572: 猜灯谜 时间限制: 1 Sec  内存限制: 128 MB 提交: 154  解决: 91 题目描述 A 村的元宵节灯会上有一迷题: 请猜谜 * 请猜谜 = 请边赏灯边猜 小明想,一定是每 ...

  3. java实现第四届蓝桥杯猜灯谜

    猜灯谜 题目描述 A 村的元宵节灯会上有一迷题: 请猜谜 * 请猜谜 = 请边赏灯边猜 小明想,一定是每个汉字代表一个数字,不同的汉字代表不同的数字. 请你用计算机按小明的思路算一下,然后提交&quo ...

  4. 基于jQuery左右滑动切换特效 附源码

    分享一款基于脚jQuery左右滑动切换特效.这是一款鼠标点击左右箭头按钮图片滚动切换,鼠标移到图片上显示透明边框特效.   效果图如下:   废话不多说,代码奉上!   html代码: <div ...

  5. jQuery图片轮播特效

    效果预览:http://hovertree.com/texiao/jquery/51/ 这款特效有缩略图,包含文字说明和链接,可以自动播放,也可以手动切换. 使用的jQuery库版本为1.12.3 , ...

  6. jquery背景自动切换特效

    查看效果网址:http://keleyi.com/a/bjad/4kwkql05.htm 本特效的jquery版本只支持1.9.0以下. 代码如下: <!DOCTYPE html PUBLIC ...

  7. 网友微笑分享原创Jquery实现瀑布流特效

    首先非常感谢网友微笑的无私分享,此Jquery特效是一款非常流行和实用的瀑布流布局,核心代码只有几十行,是我见过代码量最少的瀑布流布局,非常适合网友们学习哦,希望大家好好看一下这个Jquery特效的原 ...

  8. 基于jQuery打造的选项卡向上弹出jquery焦点图切换特效

    基于jQuery打造的选项卡向上弹出jquery焦点图切换特效 鼠标经过标题栏,会出现层特效向上滑动,并且在同时进行幻灯片切换,效果十分不错. 有兴趣的童鞋可以下载看看,在IE6方面兼容性也不错,只有 ...

  9. 动漫网站基于jquery的横向手风琴特效

    今天给大家分享一款动漫网站基于jquery的横向手风琴特效.这款手风琴特效适用浏览器:IE8.360.FireFox.Chrome.Safari.Opera.傲游.搜狗.世界之窗.效果图如下: 在线预 ...

随机推荐

  1. G2 2.0 更灵活、更强大、更完备的可视化引擎！

    概述 G2作为一款技术产品,自诞生以来,服务于广大的Web工程师群体和一部分数据分析师.一直来,G2 因其易用的语法和扎实的可视化理论基础,广受使用者好评.G2 1.x 的可视化能力已经非常强大,使用 ...

  2. 3D旋转菜单

    今天来个3D旋转菜单,是纯css3实现的,主要用到transform,transition,backface-visibility. 主要是transform这个变换,它是今天猪脚. transfor ...

  3. Java环境变量

    很简单的问题!配置Java环境变量 准备 下载安装Java,官方地址 打开系统环境变量,我的电脑右键 JAVA_HOME 添加JAVA_HOME,设置jdk安装目录,比如"C:\Progra ...

  4. 创建分区表和查看分区表的Metadata

    未分区的表,只能存储在一个FileGroup中:对table进行分区后,每一个分区都存储在一个FileGroup中.表分区是将逻辑上一个完整的表,按照特定的字段拆分成Partition set,分散到 ...

  5. Unity3D知识框架

    美术部分:           3d模型,材质,纹理,shader,Animator,Animation,天空盒,灯光效果,烘焙 程序部分:           基本组成:               ...

  6. java中hashMap的排序

    hashMap排序,示例: private void test(){ Map<String, List<String>> unSupportedDatesMap=new Has ...

  7. HTML中的meta（转载）

    meta是用来在HTML文档中模拟HTTP协议的响应头报文.meta 标签用于网页的<head>与</head>中,meta 标签的用处很多.meta 的属性有两种:name和 ...

  8. JS详细教程（下）

    五.数组 数组是数据的有序列表,每个元素在数组中都有数字位置编号,也就是索引.JS中的数组是弱类型,每一项都可以保存任何类型的数据. 创建数组 ①使用Array构造函数 var arr=new Arr ...

  9. 1Z0-053 争议题目解析684

    1Z0-053 争议题目解析684 考试科目:1Z0-053 题库版本:V13.02 题库中原题为: 684.Your database is running in ARCHIVELOG mode. ...

  10. Fragment基础----创建

    1,Fragment的目的及应用场景 fragment 是3.0后引入的类,其字面翻译为“碎片”. 目的是将activity划分成许多单元再进行组合,可以根据不同分辨率屏幕,在不同状态下,灵活创建优化 ...