前些天我们学生在线首页改版，要做一个工具栏，由于版面的限制，原先策划的很多工具只好安排在一个小区域里面，具体效果如下：当然，这样的效果，用html自带的控件也可以实现。不过自定义的话就可以自己设置滑动条的样式啦，比如说设为红色、蓝色等，按钮形状也可以自己做啦。 需要实现的效果是，这些工具一次最多在可见区域显示9个（这里假设工具项总数多于9个，不满9个的话，将来也很有可能扩展到9个），点击上下的按钮即可将可见...
最近在学习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...
自定义主要通过两种方式实现$.extend({aa:function(){}});$.fn.extend({aa:function(){}});调用的方法分别是：$.aa();$($this).aa();注意：创建函数时不要放在 $(function() { }中，调用时候要放在事件里面$($this).click(function(){$.aa();}); jQuery.extend 函数详解JQuery的extend扩展方法：Jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型，在此，我们一起去了解了解。一、Jquery的扩展方法原...
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)...
HTML 代码如下: JsBin-在线js/css调试工具 article, aside, figure, footer, header, hgroup, menu, nav, section { display: block; } Hello OSTools JavaScript 代码如下: //jq创建一个新的节点对象; //例如： var objNewDiv = $('',{'id':'mydiv','class':'menu'}); objNewDiv.html(123456); $('#hello').append(objNewDiv); console.log(objNewDiv); 结果： JavaScript教程/参考手册 JavaScript...
第一次写jQuery插件。自己感觉写的也不怎么样。写jQuery插件利用的就是这个东东 jQuery.fn，例如 代码如下: jQuery.fn.pluginName=function(){}; 这个是我写的分页插件的样子 插件通过一个外放的函数来进行翻页操作，无论是点击前进、后退、还是改变页面大小，都会调用该函数。 先看看插件的代码结构 代码如下: (function ($) { //存放插件所需的属性字段 var PagerFields = { }; //插件的私有函数 function setImageButtonSate...
jQuery 的 data API 实现方式有缓存数据的效果 使用 IE 7 （IE8+ 在控制台切换至IE7 模式），当DOM 节点有自定义数据属性时，检查 DOM 节点即可看到 形如 jQuery18305664906559272507 的属性，这便是 用于从数据存储对象中获取自定义数据的建。当自定义数据属性是一个 json 格式字符串时，缓存的数据如果被修改， 则修改后的数据继续存在于缓存系统中， 如果不留意，这可能导致一些BUG 代码如下: var node = $("#tst"); c...
1.链接 代码如下: 'c_06c','onclick'=>'return art_del_confirm("/company/msglog/delete/id/'.$data->zml_id.'","你确定要删除这条消息吗？")'))?> 2.jq 代码如下: //单项删除确认框 function art_del_confirm(url,message){ message = message?message:'你确定要删除这条数据吗？'; art.dialog({ title: '确认删除', okValue:'确认', cancelValue:'取消', width: 230, height: 100, fixed: true, content: message, ok: func...
animate(params, options) 返回值:jQuery 概述 用于创建自定义动画的函数。 这个函数的关键在于指定动画形式及结果样式属性对象。这个对象中每个属性都表示一个可以变化的样式属性（如“height”、“top”或“opacity”）。注意：所有指定的属性必须用骆驼形式，比如用marginLeft代替margin-left. 而每个属性的值表示这个样式属性到多少时动画结束。如果是一个数值，样式属性就会从当前的值渐变到指定的值。如果使用的是“hide”、...