最近在学习jquery,看了几天，决定做个小东西练练手。入门级的可以看看。 先看下面这个小东西有什么功能，有模有用。功能：当你鼠标悬浮在你的html元素上面的时候，它会显示一个help说明性的label。效果图：原始：当你的鼠标悬浮在单击我吧1时：当你的鼠标悬浮在textbox时：看了效果图，若是有兴趣的话，仔细看看代码吧，代码有注释 html 代码: 代码如下: $(document).ready(function () { $("#d").HelpTextFn({ helpText: ...
在此贴出一些学习成果，希望能对学习JQuery的其他同学有所帮助，同时也记录下自己的学习情况。 看了一些JQuery的官方教程，已经有点心潮澎湃了，就决定自己尝试着写一些东西出来。我看到了很多很绚的动画效果，然后决定自己也尝试一下，我决定要写一个圆周运动的动画效果，下面贴出js代码 代码如下: var CircleAnimation = function (center_left, center_top, id, clockwise, duration) { return new CircleAnimation.fn.init(ce...
示例如下： 代码如下: jQuery.validator.addMethod("regex", //addMethod第1个参数:方法名称 function(value, element, params) { //addMethod第2个参数:验证方法，参数（被验证元素的值，被验证元素，参数） var exp = new RegExp(params); //实例化正则对象，参数为传入的正则表达式 return exp.test(value); //测试是否匹配 }, "格式错误"); //addMethod第3个参数:默认错误信息 $(function() { $("#signupForm").validate( { ...
首先看下效果 代码如下: $(function() { $("#test").jsScroll(); }) 1 2 3 4 5 6 7 8 9 10 比较简陋只是将select转成自定义的样式 现在只有2个参数可以设置 代码如下: $(function() { $("#test").jsScroll({ showLength: 3, option_click: function() { alert("1"); } }); }) showLength:下拉框默认显示数量 ---默认显示5个 option_click:点击每一个option执行的事件--默认是将options的值绑定到input中 在线演示：h...
函数代码: 代码如下: document.getElementByIdx_x=function(id){ if(typeof id ==string) return document.getElementById(id); else throw new error(please pass a string as a id!) } 实例代码: 代码如下: 9 document.getElementByIdx_x=function(id){ if(typeof id =='string') return document.getElementById(id); else throw new error('please pass a string as a id!') } var timer = window.setInterval(function(){...
代码如下: function NewDate(str) { str = str.split('-'); var date = new Date(); date.setUTCFullYear(str[0], str[1] - 1, str[2]); date.setUTCHours(0, 0, 0, 0); return date; } function TimeCom(dateValue) { var newCom; if (dateValue == "") { newCom = new Date(); } else { newCom = NewDate(dateValue); } this.year = newCom.getYear(); this.month = newCom.getMonth() + 1; this.day = newCom.getDate(); this....
自定义主要通过两种方式实现$.extend({aa:function(){}});$.fn.extend({aa:function(){}});调用的方法分别是：$.aa();$($this).aa();注意：创建函数时不要放在 $(function() { }中，调用时候要放在事件里面$($this).click(function(){$.aa();}); jQuery.extend 函数详解JQuery的extend扩展方法：Jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型，在此，我们一起去了解了解。一、Jquery的扩展方法原...
问题的产生 在写JS的过程中，为了调试我们常常会写很多 console.log、console.info、console.group、console.warn、console.error代码来查看JS的运行情况，但发布时又因为IE不支持console，又要去掉这些代码，一不小心就会出错。 本文分享自己昨晚写的一个console类来试图解决这一问题。当然，更好的做法是把测试代码分开写，那样就不会有这个问题。 解决思路 如何解决IE下不兼容的问题呢，那就是我们自己定义一个cons...
1、直接创建模式。这是最简单也是最直接的一种模式，首先创建一个引用类型的对象，然后为其添加自定义属性和方法。示例代码如下： 代码如下: var person = new Object(); person.name = "Sam"; person.age = 16; person.speak = function(){ alert(this.name + "is " + this.age + "years old"); } person.speak(); 可以看到，上面创建了一个Object类型的对象，然后为其添加了name和age属性以及一个speak方法。直接创建模式虽然简...
如下所示： 代码如下: var person = new Object(); person.name = "Nicholas"; person.age = "29" person.job = "Software Engineer"; person.sayName = function () { alert(this.name); }; person.sayName();上面的例子创建了一个名为person的对象，并为它添加了三个属性（name、age和job）和一个方法（sayName()）。其中，sayName()方法用于显示this.name()的值。早期的JavaScript开发人员经常使用这个模式创建新对象。但这种...
1. attr(属性名) //获取属性的值（取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性，则返回 undefined ） 2. attr(属性名, 属性值) //设置属性的值 （为所有匹配的元素设置一个属性值。） 3. attr(属性名,函数值) //设置属性的函数值 （为所有匹配的元素设置一个计算的属性值。不提供值，而是提供一个函数，由这个函数计算的值作为属性值。） 4.attr(properties) //...
现在整理下发出来，希望大家共同学习吧 先看效果图： 用了jquery.image-maps.js这个插件 下载地址 http://www.gxlcms.com/jiaoben/57930.html原理是： 通过拖动计算出当前热区可移动模块的left top right bottom 对应area的 coords 属性集成上面的位置，就可以实现热区了。 对应的模块代码是： 代码如下: js代码： 代码如下: (function($) { jQuery.fn.imageMaps = function(setting) { var $container = this; if (...
JQuery实现: 代码如下: "http://www.w3.org/TR/html4/loose.dtd"> New Web Project $(function(){ //可以是:$('#t1 tbody tr:even').css('background','red'); $('#t1 > tbody tr:even').css('background','red'); $('#t1 > tbody tr:odd').css('background','blue'); }); aaaaaaa bbbbbbb ccccccc ddddddd eeeeeee fffffff ggggggg hhhhhhh JS实现： 代码如下: "http://www.w3.org/TR/html4/loose.dtd"> New...
最近项目中做了一个jquery.validate气泡提示。 好像最新版的jquery.validate中，有这个功能，但在我这里不怎么好用。 就自己加了一个。 找了一些插件qtip2的样式不错，但我本地显示不出来呀。他本身也有jquery.validate的例子。但样式在我这里不显示呀。好像是jquery版本的问他，用他的jquery就可以显示。用我的就不行坑爹。放弃。 poshytip-1.1这个，样式还不错！ positionX，positionY是提示显示的位置。 代码如下: $(document)...
upload... #ui-upload-holder{ position:relative;width:60px;height:35px;border:1px solid silver; overflow:hidden;} #ui-upload-input{ position:absolute;top:0px;right:0px;height:100%;cursor:pointer; opacity:0;filter:alpha(opacity:0);z-index:999;} #ui-upload-txt{ position:absolute;top:0px;left:0px;width:100%;height:100%;line-height:35px;text-align:center;} #ui-upload-filepath{ position:relative; bor...