第一次写jQuery插件。自己感觉写的也不怎么样。写jQuery插件利用的就是这个东东 jQuery.fn，例如 代码如下:jQuery.fn.pluginName=function(){}; 这个是我写的分页插件的样子 插件通过一个外放的函数来进行翻页操作，无论是点击前进、后退、还是改变页面大小，都会调用该函数。 先看看插件的代码结构 代码如下:(function ($) { //存放插件所需的属性字段 var PagerFields = { }; //插件的私有函数 function setImageButtonSate()...
HTML 代码如下:<!DOCTYPE html> <html> <head> <script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <meta charset=utf-8 /> <title>JsBin-在线js/css调试工具</title> <!--[if IE]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <style> article, aside, figure, footer, header, hgroup, menu, nav, section { display: block; ...
最近项目中做了一个jquery.validate气泡提示。 好像最新版的jquery.validate中，有这个功能，但在我这里不怎么好用。 就自己加了一个。 找了一些插件qtip2的样式不错，但我本地显示不出来呀。他本身也有jquery.validate的例子。但样式在我这里不显示呀。好像是jquery版本的问他，用他的jquery就可以显示。用我的就不行坑爹。放弃。 poshytip-1.1这个，样式还不错！ positionX，positionY是提示显示的位置。 代码如下:$(document)....
JQuery实现: 代码如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>New Web Project</title> <script type="text/javascript" src="jquery-core/jquery-1.8.0.js"></script> <script type="text/javascript"> $(function(){ //...
现在整理下发出来，希望大家共同学习吧 先看效果图： 用了jquery.image-maps.js这个插件 下载地址 //www.gxlcms.com/jiaoben/57930.html原理是： 通过拖动计算出当前热区可移动模块的left top right bottom 对应area的 coords 属性集成上面的位置，就可以实现热区了。 对应的模块代码是： 代码如下:<!--模块展示 begin--> <div class="modeShow"> <div id="debug"></div> <div class="imgMap mapBox"> <img src="../images/hot_im...
1. attr(属性名) //获取属性的值（取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性，则返回 undefined ） 2. attr(属性名, 属性值) //设置属性的值 （为所有匹配的元素设置一个属性值。） 3. attr(属性名,函数值) //设置属性的函数值 （为所有匹配的元素设置一个计算的属性值。不提供值，而是提供一个函数，由这个函数计算的值作为属性值。） 4.attr(properties) //...
自定义主要通过两种方式实现$.extend({aa:function(){}});$.fn.extend({aa:function(){}});调用的方法分别是：$.aa();$($this).aa();注意：创建函数时不要放在 $(function() { }中，调用时候要放在事件里面$($this).click(function(){$.aa();}); jQuery.extend 函数详解JQuery的extend扩展方法：Jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型，在此，我们一起去了解了解。一、Jquery的扩展方法原...
首先看下效果 代码如下:<head> <title></title> <link type="text/css" rel="Stylesheet" href="JQSelect.css" /> <script type="text/javascript" src="jquery-1.2.6.js"></script> <script type="text/javascript" src="JQSelect.js"></script> <script type="text/javascript"> $(function() { $("#test").jsScroll(); }) </script> </head> <body> <select id="test"> <option value="1">1</option> <option value="2">2</opti...
示例如下： 代码如下:<script type="text/javascript"> jQuery.validator.addMethod("regex", //addMethod第1个参数:方法名称 function(value, element, params) { //addMethod第2个参数:验证方法，参数（被验证元素的值，被验证元素，参数） var exp = new RegExp(params); //实例化正则对象，参数为传入的正则表达式 return exp.test(value); //测试是否匹配 }, "格式错误"); //addMethod第3个参数:默认错误信息 $(function() {...
在此贴出一些学习成果，希望能对学习JQuery的其他同学有所帮助，同时也记录下自己的学习情况。 看了一些JQuery的官方教程，已经有点心潮澎湃了，就决定自己尝试着写一些东西出来。我看到了很多很绚的动画效果，然后决定自己也尝试一下，我决定要写一个圆周运动的动画效果，下面贴出js代码 代码如下:var CircleAnimation = function (center_left, center_top, id, clockwise, duration) { return new CircleAnimation.fn.init(cen...
最近在学习jquery,看了几天，决定做个小东西练练手。入门级的可以看看。 先看下面这个小东西有什么功能，有模有用。功能：当你鼠标悬浮在你的html元素上面的时候，它会显示一个help说明性的label。效果图：原始：当你的鼠标悬浮在单击我吧1时：当你的鼠标悬浮在textbox时：看了效果图，若是有兴趣的话，仔细看看代码吧，代码有注释 html 代码: 代码如下:<%@ Page Language="C#" AutoEventWireup="true" CodeFile="testLinkJquery.a...
前些天我们学生在线首页改版，要做一个工具栏，由于版面的限制，原先策划的很多工具只好安排在一个小区域里面，具体效果如下：当然，这样的效果，用html自带的控件也可以实现。不过自定义的话就可以自己设置滑动条的样式啦，比如说设为红色、蓝色等，按钮形状也可以自己做啦。 需要实现的效果是，这些工具一次最多在可见区域显示9个（这里假设工具项总数多于9个，不满9个的话，将来也很有可能扩展到9个），点击上下的按钮即可将可见...
例子：给链接中含用“wangorg"字符的链接文字加粗 css: 代码如下:.abold{ font-weight:bold; } html: 代码如下:$(document).ready(function(){ $(a[href*=wangorg]).addClass(abold); }) 属性选择也可以用组合方式： $(a[href^=http] [href*=wangorg]).addClass(abold) 自定义选择符是JQUERY添加的独有的完全不同的选择符，语法与CSS中的伪类选择符语法相同，即选择符以一个冒号（：）开头。 如：从匹配的带有wangorg类的div集...
如何开始使用 首先用$.widget()方法开始定义你的组件，它只接收三个参数：第一个是组件名称，第二个是可选的基类组件（默认的基类是$.Widget），第三个是组件的原型。 组件名称必须包含命名空间，要注意的是，官方组件的命名空间是以‘ui'开头的，比如:‘ui.tabs'。我在下面的用‘我'的拼音(‘wo')。 代码如下:$.widget("yourNamespace.yourWidgetName",[yourBaseWidget],yourWidgetPrototype) $.Widget基类含有一个重要的属性‘...
IE下效果 Firefox或其它浏览器效果 代码 代码如下://版权 酷车中国 www.kuchechina.com //作者 逐月 zhuyue.cnblogs.com //演示 http://www.kuchechina.com/carstools/Default.aspx jQuery.fn.toolTip = function() { this.unbind().hover( function(e) { this.t = this.title; this.title = ; $(body).append( <p id="p_toolTip" style="display:none; max-width:320px;text-align:left;"><img id="img_toolTip_Arrow" src="imag...