jquery
longyuan20102011
这个作者很懒,什么都没留下…
展开
-
jquery fadeTo实现图像淡入效果
$(document).ready(function(){ $("button").click(function(){ $("div").fadeTo("slow",0.25); });});点击这里查看淡出效果原创 2012-08-01 16:39:36 · 745 阅读 · 0 评论 -
jquery filter使用""和''效果是一样的
<%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%>jQuery hover特效 $(document).ready(functio原创 2012-08-12 18:18:38 · 676 阅读 · 0 评论 -
jquery 广告轮播
图片轮播切换效果-橡树小屋#banner {position:relative; width:478px; height:286px; border:1px solid #666; overflow:hidden;}#banner_list img {border:0px;}#banner_bg {position:absolute; bottom:0;background-color:原创 2012-08-12 20:20:25 · 620 阅读 · 0 评论 -
jquery delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数
$(document).ready(function(){ $("div").delegate("button","click",function(){ $("p").slideToggle(); });});这是一个段落。请点击这里原创 2012-08-01 17:52:50 · 1968 阅读 · 0 评论 -
jquery preventDefault()将会阻止默认方法的执行
$(document).ready(function(){ $("a").click(function(event){ event.preventDefault(); });});W3SchoolpreventDefault() 方法将防止上面的链接打开 URL。原创 2012-08-01 21:17:48 · 990 阅读 · 0 评论 -
jquery html改变div当中的内容
$(document).ready(function(){ $("button").click(function(){ $("p").html("W3School"); });});This is a headingThis is a paragraph.This is another paragraph.请点击这里原创 2012-08-01 17:04:58 · 66665 阅读 · 4 评论 -
jquery append追加,preppend预置
$(document).ready(function(){ $("button").click(function(){ $("p").append(" W3School."); });});This is a headingThis is a paragraph.This is another paragraph.请点击这里原创 2012-08-01 17:08:37 · 1222 阅读 · 0 评论 -
jquery 实现各行换颜色
$(document).ready(function(){ $("tr:even").css("background-color","#B2E0FF");}); Welcome to My Web PageIdLastNameFirstNameAddressCity1AdamsJohnOxford StreetLondon2原创 2012-08-01 17:24:43 · 783 阅读 · 0 评论 -
jquery blur 函数 当输入域失去焦点 (blur) 时改变其颜色
$(document).ready(function(){ $("input").focus(function(){ $("input").css("background-color","#FFFFCC"); }); $("input").blur(function(){ $("input").css("background-color","#D6D6FF"); }原创 2012-08-01 17:45:30 · 1077 阅读 · 0 评论 -
jquery ok
1 新建一个java web工程 在css文件夹下面导入jquery.js我使用的版本是1.802 新建 一个jsp文件$(document).ready(function(){ $("p").click(function(){ $(this).hide(); });});If you click on me, I will disappear.原创 2012-08-10 22:11:17 · 339 阅读 · 0 评论 -
jquery offset
$(document).ready(function(){ $("button").click(function(){ x=$("p").offset(); $("#span1").text(x.left); $("#span2").text(x.top); });});本段落的偏移是 unknown left 和 unknown top。获得 offs原创 2012-08-10 19:08:12 · 435 阅读 · 0 评论 -
jquery animate实现动画效果
$(document).ready(function(){ $("#start").click(function(){ $("#box").animate({height:300},"slow"); $("#box").animate({width:300},"slow"); $("#box").animate({height:100},"slow"); $("#box").a原创 2012-08-01 16:42:32 · 600 阅读 · 0 评论 -
jquery callback函数(当函数执行完成的时候执行callback函数)
$(document).ready(function(){ $("button").click(function(){ $("p").hide(1000,function(){ alert("The paragraph is now hidden"); }); });});HideThis is a paragraph with little content原创 2012-08-01 17:01:01 · 1708 阅读 · 0 评论 -
jquery error
$(document).ready(function(){ $("img").error(function(){ $("img").replaceWith("图片未加载!"); });});如果上面的图像没有正确地加载,会被替换为一段 "图片未加载" 的文本。原创 2012-08-01 18:05:16 · 294 阅读 · 0 评论 -
jquery 显示鼠标坐标
$(document).ready(function(){ $(document).mousemove(function(e){ $("span").text("X: " + e.pageX + ", Y: " + e.pageY); });});鼠标指针位于:原创 2012-08-01 21:09:27 · 562 阅读 · 0 评论 -
jquery keydown和keyup
$(document).ready(function(){ $("input").keydown(function(){ $("input").css("background-color","#FFFFCC"); }); $("input").keyup(function(){ $("input").css("background-color","#D6D6FF");原创 2012-08-09 10:54:24 · 417 阅读 · 0 评论 -
jquery fontsize:"+=6px"
$(document).ready(function(){ $("p").one("click",function(){ $(this).animate({fontSize:"+=6px"}); });});这是一个段落。这是另一个段落。请点击 p 元素增加其内容的文本大小。每个 p 元素只会触发一次改事件。原创 2012-08-09 11:25:24 · 577 阅读 · 0 评论 -
jquery $(window).resize(function() { $('span').text(x+=1); });
x=0;$(document).ready(function(){$(window).resize(function() { $("span").text(x+=1);});});窗口大小被调整过 0 次。请试着重新调整浏览器窗口的大小。原创 2012-08-09 11:31:13 · 1503 阅读 · 0 评论 -
jquery toggle(绑定多个函数,顺序执行)
$(document).ready(function(){ $("button").toggle(function(){ $("body").css("background-color","green");}, function(){ $("body").css("background-color","red");}, function(){ $("bo原创 2012-08-10 10:49:49 · 5997 阅读 · 0 评论 -
jquery addClass(添加一个css样式)
$(document).ready(function(){ $("button").click(function(){ $("p:first").addClass("intro"); });});.intro{font-size:120%;color:red;}This is a headingThis is a paragraph.This is a原创 2012-08-10 11:14:04 · 7391 阅读 · 0 评论 -
jquery live和die
$(document).ready(function(){ $("p").live("click",function(){ $(this).slideToggle(); }); $("button").click(function(){ $("p").die(); });});这是一个段落。这是另一个段落。请点击任意 p 元素,段落会消失。包括本段落。原创 2012-08-01 17:57:59 · 374 阅读 · 0 评论