本文实例讲述了jQuery短信验证倒计时功能实现方法。分享给大家供大家参考，具体如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>demo 短信验证码60秒，并限制次数</title> <script src="js/time.js" type="text/javascript"></script> </head> <body> <div class="input"><input...
一、用到的素材二、代码如下，重点是js部分<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery九宫格大转盘抽奖</title> <style> #lottery{width:570px;height:510px;margin:0px auto;border:4px solid #ba1809;} #lottery table{background-color:yellow;} #lottery table td{position:relative;width:190px;height:170px;text-align:center;color:#333;font-i...
JQuery包装器提供了大量的方法，可以再页面中直接使用。但是，没有任何一个库可以满足所有的需求，所以，JQuery库提供了丰富的扩展功能。以禁用一组表单元素为例，看看怎么简单有效的在JQuery库中添加自定义的功能扩展。（JQuery没有禁用表单元素的方法哦） 上代码： <!DOCTYPE> <html lang="en"> <head> <title>Custom Method!</title> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <script type="text/j...
代码如下:<pre code_snippet_id="193059" snippet_file_name="blog_20140218_1_1038704" name="code" class="javascript">/* JQuery异步加载无限极下拉框级联功能 zjy */ (function ($) { $.ajaxSetup({ async: false }); var url = ""; var parameter = ""; $.fn.extend({ Load: function (urlPath) { url = urlPath.url; parameter = urlPath.parameter; $("#ddl1").append("<option value=0selected=selected>请选择</option>")...
代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML> <HEAD> <TITLE> New Document </TITLE> <meta http-equiv="Content-Type" content="text/html; charset=gbk" /> <link href="css/ingrid.css" rel="stylesheet" type="text/css"><script language="JavaScript" src="jquery-1.3.2.js" type="text/javascript"></script> <SCRIPT LANGUAGE="JavaScript"><!-- $("document").ready(function(){ ...
select，radio 表单回显避免使用jquery载入赋值 注意事项： 代码如下:<html> <body> <form method="post" action=""> <!-- 如果表单中使用重置功能时，不推荐使用如下代码 --> <input type="radio" name="visible" value="1" />显示<br> <input type="radio" name="visible" value="0" />隐藏<br> <select name="orderBy" id="orderBy"> <option value="0">0</option> <option value="1">1</option> </select><br> <input type="r...
在 Excel 中可进行的操作，你几乎都可以在网页中做到，如拖动复制、Ctrl+C 、Ctrl+V 等等。另外在浏览器支持方面，它支持以下的浏览器 IE7+, FF, Chrome, Safari, Opera。 如何使用： 首先在页面中引入 jQuery 框架和 Handsontable 插件的相关 JS 和 CSS 文件，以下列出的两个是必要的，还有其它的是可选的，如果需要某个功能时就（参看demo）加上。代码如下: <script src="jquery.min.js"></script> <script src="jquer...
不多说了，上码 action 代码如下:package com.lk.action; import javax.annotation.Resource; import com.googlecode.jsonplugin.annotations.JSON; import com.lk.service.StudentControl; import com.opensymphony.xwork2.ActionSupport; public class LoginAjaxAction extends ActionSupport { private String username; private StudentControl studentControl; @JSON(serialize=false) //setStudentControl利用了spring，很重...
很多网站上都有返回顶部的效果，本文阐述如何使用jquery实现返回顶部按钮。 首先需要在顶部添加如下html元素： <p id="back-to-top"><a href="#top"><span></span>返回顶部</a></p>其中a标签指向锚点top，可以在顶部防止一个<a name="top"></a>的锚点，这样在浏览器不支持js时也可以实现返回顶部的效果了。 要想让返回顶部的图片显示在右侧，还需要一些css样式，如下： 代码如下:/*returnTop*/ p#back-to-top{ position:fixed; di...
JQuery UI提供的API极大简化了拖拽功能的开发。只需要分别在拖拽源(source)和目标(target)上调用draggable和droppable两个函数即可。 拖拽原理 首先要明确几个概念。 ource：拖拽源，要拖动的元素。 taerget：拖放目标，能够放入source的容器。 拖拽的动作分解如下： 1. drag start：在拖拽源(source)上按下鼠标并开始移动 2. drag move: 移动过程中 3. drag enter: 移动进入目标(target)容器 4. drag lea...
jquery.cookie.js 使用方法 Cookies 定义：让网站服务器把少量数据储存到客户端的硬盘或内存，从客户端的硬盘读取数据的一种技术； 下载与引入:jquery.cookie.js基于jquery；先引入jquery，再引入：jquery.cookie.js；下载：http://plugins.jquery.com/cookie/<script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.cookie.js"></script>使用： 1.添加一个"会话cookie"...
1：功能描述 1）最好是若干个星星组成，用户投票时候只要鼠标点击星星就可以实现投票，可以自定义星星个数 2）未投票、投票中、完成投票，星星的样式不同 3）每个星星的都可以自定义提示 比如 “差” “一般” “还好” “不错” 4）完成投票后，动画展示投票结果并且不可再投票 2：思路描述 1、3）使用循环，最大值是星星的个数，每次循环添加一条<a></a>的语句，这条超链接通过Class指定星星样式，通过title指定鼠标移到时显示的...
html代码： 代码如下:<table id="repTable"……> …… <span id="<%# Eval("Id") %>" class="address"></span> </table> jquery代码： 代码如下:$(document).ready(function(){ $("#repTable span.address").each(function(){ var spanTemp = $(this); $.ajax({ type: "get", url: "SceneryAjaxCall.aspx", data: "sid="+$(this).attr("id"), cache: true, dataType: "html", success: function(msg){ spanTemp.append(msg); } ...
<script type="text/javascript" src="JS/jquery.js"></script> //与Prototype 类似的框架 <script type="text/javascript" src="JS/JCookie.js"></script> //插件 代码如下:/*JCookie.js * / jQuery.cookie = function(name, value, options) { if (typeof value != undefined) { // name and value given, set cookie options = options || {}; if (value === null) { value = ; options.expires = -1; } var expires = ; if (o...
代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script type="text/javascript" src="jquery-1.3.2.js"></script><!--包含jQuery库文件--> <script type="text/javascript" src="...