代码如下: $.fn.hDialog = function (options) { var defaults = { width: 300, height: 200, title: 此处标题, html: , iconCls: , submit: function () { alert(可执行代码.); } } var id = $(this).attr(id); options = $.extend(defaults, options); var self = this; $(self).dialog({ title: options.title, height: options.height, width: options.width, iconCls: options.iconCls, buttons: [{ text: 确定, iconCls: ico...
如何开始使用 首先用$.widget()方法开始定义你的组件，它只接收三个参数：第一个是组件名称，第二个是可选的基类组件（默认的基类是$.Widget），第三个是组件的原型。 组件名称必须包含命名空间，要注意的是，官方组件的命名空间是以‘ui'开头的，比如:‘ui.tabs'。我在下面的用‘我'的拼音(‘wo')。 代码如下: $.widget("yourNamespace.yourWidgetName",[yourBaseWidget],yourWidgetPrototype) $.Widget基类含有一个重要的属性‘...
关于 这个和以前弄的图片远处放大有许多相同的地方，比如图片预加载、有限容器显示无限大图片。 大小计算：内外两个比例。 代码如下: // 容器比例和图片比例 var dr = dw/dh, ir = iw/ih; if(dr>ir){ ih = dh; iw = ih * ir; }else{ iw = dw; ih = iw / ir; } 居中显示：CSS绝对定位，负边距。 代码如下: $img.css({width:iw,height:ih,position:absolute,top:50%,left:50%,marginLeft:-iw/2,marginTop:-ih/2}) 加载中和加载出...
首先是Jquery 无标题文档 $(function(){ var scrtime; $("#con").hover(function(){ clearInterval(scrtime); },function(){ scrtime = setInterval(function(){ var $ul = $("#con ul"); var liHeight = $ul.find("li:last").height(); $ul.animate({marginTop : liHeight+40 +"px"},1000,function(){ $ul.find("li:last").prependTo($ul) $ul.find("li:first").hide(); $ul.css({marginTop:0}); $ul.find("li:first")....
在html标签中设置按钮被禁用，可以使用如下代码 在jquery中可以使用attr()函数修改按钮的disable属性 $(“#test”).attr(‘disabled',false); jquery 控制button的disabled属性 代码如下: $(#button).attr(disabled,"true");添加disabled属性 $(#button).removeAttr("disabled"); 移除disabled属性
本tree的数据从sql的表中提取而来,sql表的结构如下:上面的表中 parentmodeuleID是代表父ID的标志,如果当前节点为根节点,则规定为0. 然后就是如何将上面的单表来组成树状结构.这时我们可以利用IList来加载数据库models来实现,具体Tree类如下:using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI;namespace RolePermission1 {public class Tree{public int ModuleID { get...
查了一下,jquery没有直接的方法， 不过有一个map方法，使用它很简单就可以定义一个实现该功能的方法 代码如下: jQuery.fn.join = function(sep,mapvalue){ return $.map(this,mapvalue).join(sep); }; jQuery.fn.joinattr = function(sep,attr){ return this.join(sep,function(item){return $(item).attr(attr);}); }; jQuery.fn.joinvalue = function(sep){ return this.join(sep,function(item){return $(item).val();}); }; ...
但是如何保存顺序呢，想到了cookie，但是用如何用cookie保存顺序呢，直接保存html代码下次读取覆盖可以，但是总感觉内容多的话 保存的东西比较多，后用ui插件获取id保存id在读取实现了顺序的保存，废话不多说..直接看代码... 代码如下: div { border: 1px solid red; } #myList { padding-top: 20px; width: 500px; background: #EEE; list-style-type: none; } #myList li { height: 30px; cursor: pointer; margin: 20px; b...
两个div。 一个div为固定宽度 。在次div中内嵌一个div ，这个为数据列。 代码如下: 数据2 数据2 数据2 数据2 数据2 数据2 向右移动 向左移动 样式表 .box{ float: left; height: 93px; width: 560px; left:0px; white-space:nowrap; overflow:hidden; position:relative /* 不加次属性在ie7中无法隐藏内容*/ } .box-li{ float: left; height: 90px; left:0px; position:relative; white-space:nowrap; clear: both; } .box-...
示例：要修改图片的大小： 使用如下语句，将图片属性中的size替换。 $("image").attr("src").replace("size=60", "size=200"); replace(要替换的目标，替换后新值)
样式代码： 代码如下: #div_maskContainer { display: none; } /*蒙版样式*/ #div_Mask{ z-index:1000; filter:alpha(opacity=40); position: absolute; left:0px; top:0px; background-color: #D4D0C8; } /*显示信息样式*/ #div_loading{ width:300px;height: 60px;position: absolute; border: 1px outset #B4E0F2; padding-top: 40px; text-align: center; background-color: #CCE9F9; z-index: 10000; filter:alpha(opacity=1...
Why DIY jquery tab 接触jquery 2,3个月了，一直都未动手写过插件。正好最近比较闲，就打算把一直看不顺眼的项目中现有的tab改造一番（现有的tab未能做成一个控件，copy,past的代码太多）。 想着jQuery这么强大的库不可能没有tabs插件吧，赶紧搜了一下，哈，果然！jQuery tabs！心里一阵窃喜，赶紧load下来用用吧。可查看了一下它的用法，才发现不太适用现有的项目耶，我们的tab每一个都对应着一个完整的页面，是用iframe嵌入的。而...
Jquery练习表单验证 代码如下:
在线演示:http://demo.jb51.net/js/JQueryload/index.htm全部代码 代码如下: JQuery - Load #header { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #eee; } .buttonListArea { float: left; width: 150px; padding-right: 10px; border-right: 1px solid #eee; margin-right: 10px; } .buttonArea { margin: 10px; padding-bottom:20px; } #load_content { float: left; width: 550px; text-align:cen...
后经过一段对Jquery的学习，Jquery的强大解决了辅助代码过多不易维护的问题。AutoValidate.JS 代码如下: /// //验证方法 v1.0，创建于2010-12-9 完成2010-12-16 MR.X 制 //修改2010-12-10、2010-12-12、2010-12-15、2010-12-16添入信息提示动画效果 //支持 type=text type=checkbox type=radio select 标签验证 //vld="***"必填 格式验证 //vld="n***"选填 格式验证 //err="***"错误显示内容 //super="y"用追加提示信息，要用y以...