jQuery

标签：color   io   strong   cti   代码   html   htm   ad   

       才开始学习不就的jQuery ，虽然不是很习惯（用css2，css3习惯了），但是上网查查还是弄到一些jQuery 的常用知识。

1、回到顶部

　网站中很常用的回到顶部功能

代码如下：

$(document).ready(function() {
    //when the id="top" link is clicked
    $(‘#top‘).click(function() {
        //scoll the page back to the top
        $(document).scrollTo(0,500);
    }
});

2、获取鼠标X、y坐标

代码如下：

$().mousemove(function(e){
    //display the x and y axis values inside the P element
    $(‘p‘).html("X Axis : " + e.pageX + " | Y Axis " + e.pageY);
});

3、事件

如失去焦点改变颜色等等：

$("input").blur(function(){
  $("input").css("background-color","#D6D6FF");
});

4、jQuery 效果

我最喜欢的一种，能节省css、js的大量代码

如收起效果：

$("p").slideUp("slow");

放下效果：

$(".btn2").click(function(){
  $("p").slideDown();
});

jQuery,布布扣,bubuko.com

jQuery

标签：color   io   strong   cti   代码   html   htm   ad   

原文地址：http://www.cnblogs.com/yesliutao/p/3918588.html