表单提交时候我们应该控制提交按钮，不能点击多次进行数据的重复提交。要不然就会有冗余的重复的数据在系统中，造成系统出现数据垃圾。jQuery很简单的就可以实现对表单提交按钮控制，下面就是相关的例子和代码。<form action="${pageContext.servletContext.contextPath}/XXX/###" method="post" id="messageForm">姓名:<input name = "name" type="text" /><button type="button" id="submit">提交申请</button> </form> <script>...
代码如下: $(document).ready(function(){ $(#tabs).tabs({add:addEventHandler}); //给tabs块绑定addEventHandler事件 $(#newtabs).click(addTab); }) var tabCounter = 1; function addTab(){ if(tabCounter > 6){ alert(tabs can not more than 6!); return; } $(+New tab+tabCounter+).appendTo(#tabs); $(#tabs).tabs("add","#new-tab-"+tabCounter,New tab+tabCounter); tabCounter++; } function addEventHandler(event,ui)...
本教程分为以下三步： Step1 - Photoshop Step2 - HTML/CSS Step3 - JavaScript(jQuery) Step4 - CSS修改最终结果如下：Step1 - Photoshop 1. 新建文件按钮的尺寸是100px X 80px，但由于我们需要创建一个有两种状态的CSS sprite背景图，所以我们在Photoshop中创建（Ctrl+N）一个长宽为200px X 160px的图片文件，如下图：2. 创建参考线为了使绘制按钮更容易，我们创建参考线，从标尺中拉出参考线，如果你找不到标尺，可以按Ctrl+R显...
点击添加 动态添加两个文本框： 分别表示x和y的值，点击取消 删除本行的2个文本框记得要引入jquery.js 代码如下: $(function() { $("#btnMian").click(function() { //生成 0 到100000 随机数 Mapth.random产生 0到1的随机数 然后乘以100000 var maxNumber = 100000; var randomNumber = Math.round(maxNumber * Math.random()); // alert(randomNumber); var s = ""; s += ""; s += ""; s += ""; s += ""; s += ""; s += "取消"...
如果版本是: 1.3.1 IE无法显示关闭按钮 如果版本是: 1.3.4 IE6无法显示关闭按钮 解决办法: Version: 1.3.1 打开fancybox.css 注释掉此行：.fancybox-ie #fancybox-close { background: transparent; filter: progid : DXImageTransform.Microsoft.AlphaImageLoader ( src = 'images/fancy_close.png', sizingMethod = 'scale' ); }Version: 1.3.4 打开jquery.fancybox-1.3.4.css 注释掉此行：.fancybox-ie6 #fancybox-close { back...
本文实例讲述了Zero Clipboard实现浏览器复制到剪贴板的方法。分享给大家供大家参考，具体如下：$(function(){$(".my_clip_button").each(function(i){var id = $(this).attr('data');var clip=null;clip = new ZeroClipboard.Client();ZeroClipboard.setMoviePath("{$site_url}/Public/js/ZeroClipboard.swf"); //设置 不然要放在网站根目录下才显示clip.setHandCursor( true );clip.setText( $("#txtInvite_"+id).val() );clip.a...
也应该是框架的一种形式，它与不同的是，iframe可以嵌在网页中的任意部分。 今天遇到一个问题：怎样实现点击一个按钮，在当前的页面上新增加一个小窗口，展示一个图片信息？如下图所示：点击之前：单击之后：分析：要使新增的小窗口不影响父页面，我们这里采用iframe的框架的技术。【也应该是框架的一种形式，它与不同的是，iframe可以嵌在网页中的任意部分。】实现是思路：（1）在按钮的上添加一个点击的事件，在点击后加入一个if...
今天介绍的Jquery Dialog Plugins AeroWindow ，是其中最个性的一款，因为他拥有神似Windows 7 Aero效果的肉身。 效果图:演示: 官方演示 本地演示 特点 独特： 窗口移动时标题栏反光效果 窗口按钮：最小化，减少，最大化和关闭 双击窗口标题栏最大化，缩小 活动窗口突出显示 更改窗口大小（resize） 鼠标拖拽窗口 N多个配置选项 配置选项 窗口标题 窗口的起始位置的X / Y 窗口大小 最小的窗口大小 打开窗口的可用状态（最小化，最大...
在html标签中设置按钮被禁用，可以使用如下代码 在jquery中可以使用attr()函数修改按钮的disable属性 $(“#test”).attr(‘disabled',false); jquery 控制button的disabled属性 代码如下: $(#button).attr(disabled,"true");添加disabled属性 $(#button).removeAttr("disabled"); 移除disabled属性
代码： 代码如下: #choice_list_district{ height:50px;} #tab td{cursor:pointer;} $(function () { //绑定事件处理 $("#choice_list_district a").click(function (e) { if ($("#divObj").css("display") == "none") { e.stopPropagation(); //设置弹出层位置 var offset = $(e.target).offset(); //设置弹出层位置在点击的下面 $("#divObj").css({ top: offset.top + $(e.target).height() + "px", left: offset.left })...
代码如下: $(document).ready(function () { //按钮样式切换 $("#btFeedBack").hover( function () { $(this).removeClass("btFeed").addClass("btFeedhover"); }, function () { $(this).removeClass("btFeedhover").addClass("btFeed"); } ); });
css代码： 代码如下: .scroll-up { background: #dcdcdc url(up.png) no-repeat center center; width:48px !important; /*for ff and other standard browser*/ height:48px !important; _width: 58px; /*for IE6 nonstandard box model*/ _height: 58px; position: fixed; _position: absolute; /*for IE6 fixed bug*/ opacity: .6; filter: Alpha(opacity=60); /*for IE opacity*/ padding:5px; cursor: pointer; display: non...
前几天由于工作需要制作一个分享按钮，考虑到后续其他项目可能也会用到，于是就打算写成插件化，正好也给我自己的插件jquery.hooray增加一个新的功能，为了不浪费大家时间，我先把demo放出来，如果觉得能用到，或者想学是怎么制作的，那就继续往下看。（demo演示） 既然要做成插件，那可制定性肯定要强，不能定死，比如不能把显示个数定死，不能把分享按钮排序定死等等（不过有些东西还是要定死的，太灵活了也就成不了插件了）。这...
扩展自 $.fn.linkbutton.defaults。用 $.fn.menubutton.defaults 重写了defaults。 <?XML:NAMESPACE PREFIX = O />依赖 menu linkbutton 用法 代码如下: Edit Undo Redo Cut Copy Paste Delete Select All 代码如下: $(#mb).menubutton({ menu: #mm }); 特性 其特性扩展自 linkbutton，下列是为 menubutton 增加的特性。名称类型说明默认值plainbooleanTrue 就显示一个简单效果。truemenustring创建一个相应 menu 的选择器...
代码如下: jqGrid的JSON数据显示 body{font-size:12px;} function Modify(id) { //单击修改链接的操作 var model = jQuery("#list1").jqGrid('getRowData', id); //alert(model.Id); $("#txtCityCode").val(model.Code); $("#txtCityName").val(model.Name); $("#txtFID").val(model.Fid); $("#modifyform").dialog({ height:230, width:400, resizable:false, modal:true, //这里就是控制弹出为模态 buttons:{ "确定"...