本文实例讲述了jQuery实现的购物车物品数量加减功能。分享给大家供大家参考，具体如下： 今天网友翠儿在用Jquery实现购物车物品数量的加减特效的时候遇到问题来问我，我后来帮她解决了这个Jquery特效，现在把它整理出来分享给大家用，虽然功能比较简单，但是很实用。 主要包括了以下功能： 1、数量增加操作功能 2、数量减少操作功能 3、总价计算功能 4、自动判断数量到1的时候，减少操作按钮禁止点击，数量增加时自动恢复 5、保留小...
使用CSS控制打印样式，需要设置样式media="print"，并且将页面中不需要打印的元素的样式display属性设置为none。如DEMO中，我将页头页脚及其他不需要打印的元素的样式设置如下： <style type="text/css" media="print"> #header,.top_title,#jqprint,#footer,#cssprint h3{display:none} </style> 用jQuery打印插件printArea.js $(function(){ $("#print_btn").click(function(){ $("#my_area").printArea(); }); }); DEMO中...
由于最近项目的需求,需要做一个下拉选择框的插件,支持单选显示表单数据,多选显示表格数据,该插件主要运用了jQuery与jqgrid以及easyui。 下面给大家展示下效果图，如果大家感觉还不错，请参考实现代码：多选：呈现列表具体代码如下所示： /** *下拉框插件-chooseList *调用插件的方式以及格式： * 1.首先你需要创建一个div面板,给div定义ID * 2.在你所需要的地方调用插件： * 参数说明： * $("#divID").chooseList({ * query_url :加...
我们在QQ空间里面有一个送礼物的功能，显示了最近过生日的人。我们只要把鼠标放到如下图的生日快乐那标签上，就会显示可以给该人送的礼物！！ 如下图所示：单击其中的一个礼物，就会马上送出去。但是我们现在是要说的还有单击更多的时候，会另外弹出一个新的窗口在当前页面最前面！如下图显示：怎么实现那上面的功能呢？ 就是把鼠标放上去，弹出一天tips，单击tips里面的控件，之后弹出另外一个弹出框。 网上就会有很多比较好的插件...
本文实例讲述了jQuery+css实现的切换图片功能代码。分享给大家供大家参考，具体如下： 运行效果截图如下：具体代码如下： <!DOCTYPE html> <html> <head><title>demo</title><script type="text/javascript" src="jquery.js"></script><style type="text/css" >body {margin:0; padding:0;}.container {border:6px solid gray; background:black;width:600px; height:400px; position:relative;left:50%; margin-left:-300px; bord...
本文实例讲述了jQuery+html5+css3实现圆角无刷新表单带输入验证功能代码。分享给大家供大家参考。具体如下： 这里实现圆角表单，圆角输入框，无刷新验证，漂亮唯美，是对这款基于HTML5/CSS3/jQuery来实现的表单效果的简要概括，用HTML5可以实现很多超乎寻常的效果，从此你会喜欢上HTML5,会骂一下万恶的IE,到现在IE8还不支持HTML5，正悲哀着呢。 先来看看运行效果截图：在线演示地址如下： http://demo.jb51.net/js/2015/jquery-htm...
本文实例讲述了jQuery实现的仿select功能。分享给大家供大家参考。具体如下： 这里重新再次与大家分享jQuery仿select功能，这个实现起来倒不复杂，就当研究一下jQuey插件的用法啦，还望大家喜欢。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/jquery-fselect-cha-method-codes/ 具体代码如下： <!dooCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-stric...
本文我们将为jQuery用户分享8个超实用的技巧攻略。jQuery是JavaScript最好的库之一，主要用于制作动画、事件处理，支持Ajax及HTML 脚本客户端。此外，jQuery还拥有各种插件，以帮助开发者在最短时间内快速创建网站/网页。 文中分享的这些实用代码，希望你会喜欢。 1）禁用右键单击功能 如果你想为用户节省网站信息，那么开发者可以使用这段代码——禁用右键单击功能。代码如下: $(document).ready(function() { //catch the righ...
代码一： { wait:90,hsTime:function(that){if (this.wait == 0) { $(#hsbtn).removeAttr("disabled").val(重发短信验证码); this.wait = 90; } else { var _this = this;$(that).attr("disabled", true).val(在+_this.wait+秒后点此重发);_this.wait--; setTimeout(function() { _this.hsTime(that); }, 1000) } }, } 代码二: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DT...
代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <style type="text/css"> body{margin:0px;padding:0px;} ul{margin:px;padding:0px;list-style-type:none;} </style> <script src="jquery-1.8/jquery-1.8.0.js"></script> <script> $(...
代码如下:/*查看大图*/ var screenheight = $(window).height(); var screenwidth = $(window).width(); var loadCSS = function(){ var screenwidth = $(window).width(); var screenheight = $(window).height(); $("div.lookBigPicture").css({"left":screenwidth*0.2,"top":screenheight*0.15+$(document).scrollTop(), "width":screenwidth*0.6,"height":screenheight*0.7}); $("img.bigImg").css({"max-width":(screenwidth*...
不多说，直接贴代码: 下面是js部分： 代码如下:var pageSize = "10";//每页行数 var currentPage = "1";//当前页 var totalPage = "0";//总页数 var rowCount = "0";//总条数 var params="";//参数 var url="activity_list.action";//action $(document).ready(function(){//jquery代码随着document加载完毕而加载 //分页查询 function queryForPages(){ $.ajax({ url:url, type:post, dataType:json, data:"qo.currentPage="+cur...
设页面有如下一组复选框和几个相关按钮（全选，反选，全不选等）： 代码如下:<input type="checkbox" name="fruit" value="apple" />苹果 <input type="checkbox" name="fruit" value="orange" />橘子 <input type="checkbox" name="fruit" value="banana" />香蕉 <input type="checkbox" name="fruit" value="grape" />葡萄 <input type="button" id="btn1" value="全选"> <input type="button" id="btn2" value="全不选"> <inpu...
Javascript代码如下，将该代码保存成JS文件后在HTML中引用。 代码如下:jQuery.noConflict(); jQuery.fn.extend({ jsplit: function (j) { return this.each(function () { j = j || {}; j.Btn = j.Btn || {}; j.Btn.oBg = j.Btn.oBg || {}; j.Btn.cBg = j.Btn.cBg || {}; var jun = { MaxW: "600px" , MinW: "260px" , FloatD: "left" , IsClose: false , BgUrl: "" , Bg: "#fff" , Btn: { btn: true , oBg: { Out: "#333", Hover...
1. 页面效果，自动提示验证信息... 2. 页面代码 代码如下:<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>表单验证页面</title> <link href="../Scripts/themes/default/easyui.css" rel="stylesheet" type="text/css" /> <script src="../Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> <script src="../Scripts/jquery.easyui.min.js" type="text/javascript"></script> <script src="../Scripts...