jQuery
文章平均质量分 67
gundumw100
这个作者很懒,什么都没留下…
展开
-
使用JQ来实现浏览器滚动条
http://www.aa25.cn/content.asp?id=794[code="java"] $(document).ready( function(){ $(’#scrollContent’).setScroll( //scrollContent为滚动层的ID {img:scroll_bk.gif’,width:10},//背景图及其宽度 {i...原创 2009-08-15 22:59:29 · 240 阅读 · 0 评论 -
jQuery插件flexiGrid的完全使用,附代码下载
在这个例子中其实不光使用了flexiGrid,还有这些插件可以先看看下面的图片其中blackbird是个javascript调试插件,如果没有出现黑色窗口,按F2键显示。(若按F2无反应,请看这里[url]http://gundumw100.iteye.com/blog/543170[/url])代码实现了增加,修改,删除记录...原创 2009-12-10 15:52:21 · 126 阅读 · 0 评论 -
jQuery图片放大镜插件jqzoom
[code="html"]JQzoom Demo$(function() { $(".jqzoom").jqzoom();}); [/code]options:见[url]http://www.mind-projects.it/projects/jqzoom/index.php#exam...2009-12-09 16:33:03 · 113 阅读 · 0 评论 -
jquery操作select的联动插件FillOptions&CascadingSelect
详细介绍看这里[url]http://blog.csdn.net/lee576/archive/2008/11/24/3362512.aspx[/url]html中的2个普通select [code="java"] [/code]先倒入2个插件:[code="java"] $("#province").FillOptions( ...原创 2009-12-08 12:17:19 · 388 阅读 · 0 评论 -
jquery操作select
[code="java"]//得到select项的个数 jQuery.fn.size = function(){ return jQuery(this).get(0).options.length; } //获得选中项的索引 jQuery.fn.getSelectedIndex = function(){ return jQuery(th...原创 2009-12-07 16:23:42 · 88 阅读 · 0 评论 -
javascript调试工具:Blackbird
[b]You might never use alert() again.[/b]下载在最后先倒入css&js,2张图片和css文件最好放在同一路径,否则需要小改下css倒入后就可以在JavaScript中用了,一般的使用方法看下面log.debug( 'this is a debug message' );log.info( 'this is an info me...2009-12-07 11:38:06 · 117 阅读 · 0 评论 -
基于jQuery的FlexiGrid的插件使用和改造
[size=large][b][color=red]已不推荐下载,如要下载去这个连接下载最新的[url]http://gundumw100.iteye.com/admin/blogs/545610[/url][/color][/b][/size][url]http://www.cnblogs.com/xuanye/archive/2009/11/04/Xuanye_jQuery_Fle...2009-11-30 15:13:08 · 123 阅读 · 0 评论 -
最简单的FlexiGrid使用(静态的)
[code="html"] $(document).ready(function(){ $('.flexme1').flexigrid({ //height:'auto', //striped:false }); }); Col 1...2009-11-27 14:41:06 · 97 阅读 · 0 评论 -
jquery插件FlexiGrid的使用(已更新)
[size=large][b][color=red]已不推荐下载,如要下载去这个连接下载最新的[url]http://gundumw100.iteye.com/blog/545610[/url][/color][/b][/size]更新于2009-11-30先看一下FlexiGrid的参数[code="java"]height: 200, //flexigrid插件的高...2009-11-27 13:51:06 · 104 阅读 · 0 评论 -
jQuery之下拉菜单
[code="html"]无标题文档$(function(){ $("li:has(ul)").hover(function(){ $(this).children().show(); },function(){ $(this).children().hide(); }); });html, body, div,...2009-09-30 13:49:31 · 92 阅读 · 0 评论 -
jquery Tooltips插件cluetip
demo:http://plugins.learningjquery.com/cluetip/demo/$('a.title').cluetip({ splitTitle: '|', dropShadow: false, cluetipClass: 'rounded', showTitle: false});${instance...2009-09-27 13:46:52 · 97 阅读 · 0 评论 -
jQuery插件linkButton
linkButton是一个可以把变成button的插件button的效果看:[url]http://www.oschina.net/p/linkbutton-jquery-plugin?from=rss[/url]LinkButton jQuery Plugin[url]http://www.etmvc.cn/project/show/58;jsessionid=406CA3888...原创 2009-09-23 10:34:31 · 160 阅读 · 0 评论 -
jQuery插件Font effect实现Javascript文字特效
http://www.biuuu.com/p837.html一般我们使用CSS给网页字体增加特效,但显示的效果非常有限,同时受浏览器兼容性影响,这里介绍一个jQuery插件Font effect字体特效,可给网页文本增加轮廓线(outline)、阴影(Shadow)、渐变(Gradient )和反射(Mirror)效果,同时这几种效果可以混合使用,使用非常简单,效果图如下:使用说明...原创 2009-09-17 20:54:17 · 115 阅读 · 0 评论 -
jQuery插件animateToClass实现javascript自定义动画效果
或许使用这个JavaScript库也可以达到自定义动画的功能:[url]http://raphaeljs.com/[/url]出自:[url]http://www.biuuu.com/p656.html[/url]使用jQuery可实现超眩的动画效果,但在实现时需要一个变量一个值的形式,如下: 1. $("#biuuu").animate({ 2. "mar...原创 2009-09-17 20:52:55 · 220 阅读 · 0 评论 -
简单几招学会如何制作jQuery插件
在使用jQuery[write less,do more]开发过程中我们会总结出很多非常实用的方法或函数,这些是我们工作中不可或缺的一部分,如果你有分享精神,愿意把你的实用方法或函数与全世界 jQuery使用者共享,那把这些方法或函数制作成一个插件吧!本文将以实例的方式谈谈如何制作jQuery插件,或许你会有很多的收获。以dataForAjax插件为例[dataForAjax实例下载或查看...原创 2009-09-17 20:42:15 · 105 阅读 · 0 评论 -
jQuery插件jQuery Spin Button自定义文本框数值自增或自减
[code="java"]/** * jquery.spin-button * (c) 2008 Semooh (http://semooh.jp/) * * Dual licensed under the MIT (MIT-LICENSE.txt) * and GPL (GPL-LICENSE.txt) licenses. * **/(function...原创 2009-09-17 20:00:00 · 283 阅读 · 0 评论 -
jQuery插件Mouse Over Animation for Text制作文字透镜、波浪和透明效果
实例:http://labs.bitmeister.jp/moamoa/example1.html用法:I have a dream ...[其它文字省略]如上实例,不需要书写任何javascript代码,就能实现了文字透镜效果,注意,只使用了一个类名moatext_lens,其它效果使用也一样,其区别在于使用在类不同,分别如下:[color=red]moa...2009-09-15 17:16:41 · 129 阅读 · 0 评论 -
jQuery插件ThickBox
ThickBox官方文档说明http://jquery.com/demo/thickbox/需要使用thickbox.css文件和动态加载提示图片loadingAnimation.gif在使用中要注意动态加载提示图片的路径,默认路径: [color=red]images/loadingAnimation.gif[/color]这样就实现了一张图片的弹出展...2009-09-15 16:32:18 · 103 阅读 · 0 评论 -
Jquery ajax跨域访问的问题
$(document).ready(function(){ var orderId="200902001"; var userId="290001"; var url ='http://dataservice.yimei.com/servlet/addChannelActivityDetail?orderId='+orderId+'&userId='+userId+'...原创 2009-12-11 10:02:03 · 92 阅读 · 0 评论 -
JQuery解析xml
java类中 response.setContentType("text/xml;charset=UTF-8"); StringBuilder sb=new StringBuilder(""); sb.append(""); sb.append(result); sb.append(""); response.getWriter()....原创 2009-12-11 10:04:28 · 99 阅读 · 0 评论 -
jquery最大化窗口
[code="java"]$(document).ready(function(){ //使用jquery的ready方法似的加载运行if (window.screen) { //判断浏览器是否支持window.screen判断浏览器是否支持screen var myw = screen.availWidth; //定义一个myw,接...原创 2009-12-11 10:13:27 · 269 阅读 · 0 评论 -
formValidator插件检查用户是否已存在
[code="java"]$.formValidator.initConfig({formid:"form1",autotip:true,onerror:function(msg){alert(msg)}}); $("#userId").formValidator({tipid:"userIdTip", onshow:"", onfocus:"不能有空格,.2009-08-12 15:51:18 · 113 阅读 · 0 评论 -
小贴士
[code="java"]无标题文档 $(function(){ var blog_tips = [ "如何关闭博客文章下面显示的adsense广告? >>查看详情<<", "您可以使用博客设置添加Google AdSense和阿里妈妈广告", "看到好的文章或者博客,可点击收藏链接添加到收藏箱里,...2009-08-12 13:47:21 · 83 阅读 · 0 评论 -
下拉式Tab
[code="java"].has_children{background:#555;color:#FF0000;cursor:pointer;}div{padding:0;margin:0px 0;}div a{background:#888;display:none;float:left;width:300px;}.highl...2009-08-11 17:00:23 · 96 阅读 · 0 评论 -
显示常用/全部
[code="java"]var hideObject=$(".box>ul>li:gt(5):not(:last)"); hideObject.hide(); $(".showmore>span").click(function(){ if(!hideObject.is(":visible")){ hideObject.show(); $(this)...2009-08-11 16:55:03 · 123 阅读 · 0 评论 -
增加一项,减少一项
[code="java"]var array=["0","1","2"]; var i=0; $("#addone p:eq(0)").click(function(){ $("#box2 ul").append(""+array[i]+""); i++; if(i>array.length2009-08-11 16:53:24 · 108 阅读 · 0 评论 -
字体放大效果
[code="java"]$("#go1").toggle(function(){ $("#block1").animate( { width: "90%"}, { queue: false, duration: 5000 } ) .animate( { fontSize: '10em' } , 1000 ) .animate( { borderWidth: 5 ...2009-08-11 16:47:57 · 185 阅读 · 0 评论 -
shake摇头效果
[code="java"]$("#go4").click(function(){ if($("#test4").val()=="") $("#test4").animate({left:"10px"},100).animate({left:"0px"},100).animate({left:"10px"},100).animate(2009-08-11 16:44:18 · 147 阅读 · 0 评论 -
让text不停往复的运动,和上一个有区别
[code="java"] start stop [/code][code="java"]var zigzag; $("#go5").click(function(){ zigzag=setInterval("zigzag();", 6000); return false; }); $("#go6").click(functi...2009-08-11 16:42:22 · 358 阅读 · 0 评论 -
让text不停往复的运动
[code="java"] start stop [/code][code="java"]$("#go10").click(function(){ move($("#test10")); return false; }); $("#go11").click(function(){ $("#test10").sto2009-08-11 16:38:10 · 132 阅读 · 0 评论 -
多级菜单
[code="java"]$("li:has(ul)").click(function(event){ if(this==event.target){//IE不支持target,必须要加这句 $(this).css('list-style-image',(!$(this).children().is(':hidden'))?'url(images/plus.gif)':'url(...2009-08-11 16:30:38 · 100 阅读 · 0 评论 -
左右列表框内容选择控件
[code="java"]$("#right").click(function(){ $("#selectB option:selected").attr("selected",false); $("#selectA option:selected").appendTo("#selectB"); }); $("#left").click(fu2009-08-11 16:28:08 · 174 阅读 · 0 评论 -
选择主菜单,自动全选子菜单的checkbox操作
[code="java"]$('input').click(function(){ if($(this).attr('checked')==true){ $(this).parents('li').children('div').children('input').attr('checked',true);//上一级被选中或上上一级 $(this).closest('l...2009-08-11 16:24:17 · 110 阅读 · 0 评论 -
$("div").load(" http://www.baidu.com")
http://malsup.com/jquery/cycle/$("div").load(" http://www.baidu.com");2009-08-10 22:00:31 · 151 阅读 · 0 评论 -
jquery动态实现填充下拉框
项目需要实现一个功能 当点下拉框时动态加载后台数据。这是后台数据[code="java"]protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {request.setCharacterEncoding("U...原创 2010-01-15 20:37:13 · 418 阅读 · 0 评论 -
使用jQuery动态绑定事件插件livequery弥补live的不足
jquery1.3.2的动态绑定事件方法live不支持blur,focus,mouseenter,mouseleave,change,submit,特别是不支持blur,focus事件使我很不爽(因为我的页面需要这个功能,:)。后来发现livequery这个插件,发现它支持blur,focus,并且还支持自定义方法,很强!于是替代了jquery自带的live,完美!注意,新出来的jQuer...2009-12-25 15:05:19 · 107 阅读 · 0 评论 -
JQuery插件: moreSelectors为jQuery提供更多的选择器
为jQuery提供更多的选择器[url]http://www.softwareunity.com/jquery/JQueryMoreSelectors/[/url]暂时不翻译,英文4级可以看懂了For example: * $("DIV:color(red)") to match DIVs with red text. Handles #rrggbb and rgb(...原创 2009-12-15 15:46:32 · 79 阅读 · 0 评论 -
JQuery解析Json
[code="java"]var arr1 = [ "one", "two", "three", "four", "five" ]; $.each(arr1, function(){ alert(this); }); 输出:one two three four five var arr2 = [[1, 2, 3], [4, 5原创 2009-12-11 10:15:23 · 72 阅读 · 0 评论 -
基于jQuery的二级联动<select>
[code="java"]$(document).ready(function(){ send();//初始化 $("#categoryFirst").change(send);}); 办公费用 租赁费 物业水电费 社会保险费 交通费 详细类别:...原创 2009-09-14 16:49:23 · 138 阅读 · 0 评论 -
JQ插件:radiosToSlider
demo:http://rubentd.com/radios-to-slider/用法: $(document).ready( function(){ $("#radios").radiosToSlider(); }); 1 year 2 years 3 yea原创 2017-04-10 19:00:19 · 205 阅读 · 0 评论