从那以后，我找到了很多可以让访客通过鼠标点击某个地方切换样式表的方法。但最近我要写一篇如何 使用jQuery编写简单代码实现它的教程。 我将向你们逐步解说整个的过程，不仅仅因为要展示jQuery代码的简介，同时也要揭示jQuery库中的若干高级特性。 首先，代码 代码如下: $(document).ready(function() { $(.styleswitch).click(function() { switchStylestyle(this.getAttribute("rel")); return false; }); var c = readCookie(...
经过摸索进行了扩展，增加“自动记住关闭时的位置”的功能，源码如下： 代码如下: //myJquery.ui.dialog.ex.js //////////////////////////////////// //自动记住 jquery.ui.dialog关闭时的位置 /////////////////////////////////// (function($){ var originClose = $.ui.dialog.prototype.close; $.ui.dialog.prototype.close = function() { //判断option中是否指定不使用此功能，如 $("#d").dialog({rememberPosition:false}...
代码如下:$("#dialog").dialog({ bgiframe: true, autoOpen: false, position: [PosX, PosY], //alert 出来为：" , "(不含双引号)，或者报错，不知什么原因。 height: 300, modal: true, buttons: { 创建新账号: function() { var bValid = true; allFields.removeClass(ui-state-error); bValid = bValid && checkLength(name, "username", 3, 16); bValid = bValid && checkLength(email, "email", 6, 80); bValid = bValid && c...
实现jQuery的document.ready功能document.ready (function () { var ie = !!(window.attachEvent && !window.opera); var wk = /webkit\/(\d+)/i.test(navigator.userAgent) && (RegExp.$1 1) return; if (ie) (function () { try { d.documentElement.doScroll('left'); run(); } catch (err) { setTimeout(arguments.callee, 0); } })(); else if (wk) var t = setInterval(function () { if (/^(loaded|complete)$/....
后来在网上闲逛的时候突然发现一个比较好的文本框的字数限制的jquery plugin，简单好用效果如下图 代码如下: 关于文本框的字数限制功能 Enter your hobbies ( Enter your postal code ( 属性解释: data-maxsize:该文本域能够接受的最大字数.(important) data-output:如果想实时动态显示文本框里的字数，该属性设置显示字数的span或div的id.(字数显示的颜色会随着数量变化) 如果不修改它的源文件的话，加添了js引用后，...
什么是AJAX的跨域请求 出于安全的考虑，如果你要从www.a.com通过Ajax来请求另外一个网站www.b.com的内容，浏览器是不允许你这样做的（不理解这里的安全是指什么？想想如果没有这个限制的话，黑客可以做些什么）。那什么样的情况下算是跨域？域名不同那当然算是跨域了，例如a.com向b.com发送请求，这当然就是跨域了，不允许的。不过子域名不同（例如sub.a.com向www.a.com发送请求）甚至是同域名不同端口（例如a.com:80向a.com:8080）...
终极目的：想做一个方便的排序功能。 具体实现：点击后可以输入排序的数字编号，移开后自动更新数据库。 1，我想把这个功能用来完成，也就需要一个在页面上监控指定的span的东西，他就是： ready(fn)当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。 $(document).ready(function(){ // 在这里写你的代码... }); 2，页面上很多，如何才能区分呢？用id？还是class？id太单一，于是用class，因为排序不是针对一条数据，而是多条。...
代码如下: 无标题文档 h1{ font-size:180%; font-weight:normal; color:#555; } a{ text-decoration:none; color:#f30; } p{ clear:both; margin:0; padding:.5em 0; } pre{ display:block; font:100% "Courier New", Courier, monospace; padding:10px; border:1px solid #bae2f0; background:#e3f4f9; margin:.5em 0; overflow:auto; width:800px; } /* tooltip的样式 */ #tooltip{ position:absolute; border:1px solid ...
简介 对于combox功能实现的最小化js代码，页面原型参考dojo的combox模样，支持键盘动作以及自动筛选,高亮等 API 初始化方法 编码方式 var c=new combox(document.getElementById('a')); 或者 var c=new combox(document.getElementById('a'),{ debug:true }); Css申明方式 只要class中包含了combox即可，class中同时包含其他样式也可以。如 亦可 配置参数说明 combox支持配置参数如下 debug: true/false，是否显示原始的select元...
理由：jquery简单，兼容性好且容易封装。废话不多说，马上开始我们的Jquery插件编写吧。应该有很多人写过类似的插件，我也是有些模仿flexGrid的形式。 需求：GridView显示数据，无刷新分页，无刷新排序，无刷新过滤（搜索数据），基于ASP.NET(我们这里有ashx一般处理文件来实现)。 使用到技术：asp.net2.0, jquery,css 首先写的是jquery插件方面，使用的核心函数还是jquery的ajax函数，方便快捷。 代码如下: $.ajax({ type: p.met...
//与Prototype 类似的框架 //插件 代码如下: /*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 (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) { var date; if (typeof opt...
jQuery的主体如下: (function(){ ……})(); 对于Javascript基础不太好好的人来说比较奇怪。实际上，这个表达式声明了一个匿名函数（第一个括号），然后再执行它（第二个括号）。在这个函数中，完成了jQuery一系列方法和对象的定义。第24行很关键， 代码如下: jQuery = window.jQuery = window.$ = function( selector, context ) { // The jQuery object is actually just the init constructor enhanced return new jQuery.fn.in...
jquery 弹出公告 *{margin:0;padding:0;font-size:12px;} li{float:left;width:100px;border:1px solid #ccc;list-style:none;text-align:center;} h3{margin:20px auto;text-align:center;} input{width:120px;height:30px;cursor:pointer;} #notice{position:absolute;width:400px;padding:20px;background:#eee;border:1px solid #ccc;left:10px;top:10px;display:none;} $(function(){ $('#open').click(function(){ $('...
autopoint.js代码: 代码如下: /* * @date: 2010-5-22 21:42:15 * @author: 胡灵伟 * Depends: * jquery.js * * function:类似GOOGLE搜索框提示功能 */ (function($) { $.fn.autopoint = function (options) { defaults = { url:options.url, keyLeft : 37,//向左方向键 keyUp : 38,//向上方向键 keyRight : 39,//向右方向键 keyDown : 40,//向下方向键 keyEnter : 13,//回车键 listHoverCSS : jhover,//提示框列表鼠标悬浮的样式 ...
看下效果图： 源代码: 代码如下: Input Limiter Demo body { font-family: verdana; } #limitingtext { color: #333; font-size: 90%; } function create_xmlDoc(){ var xmlDoc = null; try //Internet Explorer { xmlDoc=new ActiveXObject("Microsoft.XMLDOM"); } catch(e) { try //Firefox, Mozilla, Opera, etc. { xmlDoc=document.implementation.createDocument("","",null); } catch(e) { alert(e.message); ret...