在线体验: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. ArchLinux+Win10双系统的Grub配置

    解决:ArchLinux+Win10双系统,Grub设置 原装的Win10,装完ArchLinux后,要进入Win10一段时间只能通过boot选择. Grub的菜单里并没有.Grub安装过程是参考wi ...

  2. AngularJS表单验证实现方法详解

    本文主要是通过源码实例和大家分享AngularJS中的表单验证相关知识,希望通过本文的分享,对大家学习AngularJS有所帮助. 1.常规表单验证: 2.AngularJs中提供的表单验证实例. 实 ...

  3. 虚拟文件系统(VFS)

    原文链接:http://www.orlion.ga/1008/ linux在不同的文件系统之上做了一个抽象层,使得文件.目录.读写访问等概念都成为抽象层概念,这个抽象层被称为虚拟文件系统(VFS). ...

  4. Easyui 让DataGrid适应浏览器宽度

    DataGrid有100%宽度的设置,但是有时不是很让人满意,比如你你放大或者拉放你的浏览器,那么DataGrid只维持第一次加载的宽高,非常难看 $('#List').datagrid({ url: ...

  5. 【原创】Aspose.Words组件介绍及使用—基本介绍与DOM概述

           本博客所有文章分类的总目录:http://www.cnblogs.com/asxinyu/p/4288836.html 本博客其他.NET开源项目文章目录:http://www.cnbl ...

  6. ASP.NET Core的配置(3): 将配置绑定为对象[上篇]

    出于编程上的便利,我们通常不会直接利用ConfigurationBuilder创建的Configuration对象读取某个单一配置项的值,而是倾向于将一组相关的配置绑定为一个对象,我们将后者称为Opt ...

  7. 在Windows中安装NodeJS的正确姿势

    NodeJS已经非常流行了,而且可以预见他将继续受到追捧.这确实是一个不错的创举,想想看他现在能做什么吧 1.服务器程序(典型的就是用来做网站或者restful服务,主打就是多线程,非阻塞,最后,一个 ...

  8. iOS开发之表视图爱上CoreData

    在接触到CoreData时,感觉就是苹果封装的一个ORM.CoreData负责在Model的实体和sqllite建立关联,数据模型的实体类就相当于Java中的JavaBean, 而CoreData的功 ...

  9. MongoDB碎碎念

    1. 如何从备份节点读取数据 默认是不允许的,会报如下错误: testReplSet:SECONDARY> show dbs --19T10:: E QUERY [thread1] Error: ...

  10. gulp自动化构建工具

    gulp    自动化构建工具,实时监控.代码合并.压缩... http://www.gulpjs.com.cn/     中文网 http://gulpjs.com/plugins/     英文网 ...