Web页面设计实训课堂笔记06DYL

JQuery学习

jQuery语法

1、${selector).hide(speed,callback)   2、$(selector).show(speed,callback) 3、speed参数规定隐藏和显示的速度，取值为“slow”,"fast",毫秒（1秒等于1000毫秒）。4、$(selector).toggle(speed,callback)

//callback参数是隐藏或显示完成后执行的函数名称。

效果练习代码如下

    
    
    
    


 jquery动画效果隐藏与显示



 

//hide()方法：是把指定的元素隐藏   /shoe()方法：是把指定元素显示出来。

 

2、滑动效果：slide()代码练习

    
    
    
    
    


点击我，滑动显示或者隐藏面板
hello

//slide()方法：slideUp()方法是把指定元素伸展，slideDown()方法是把指定元素压缩

 

3、创建自定义的动画：animate（）方法将

元素右移200px代码练习

 

    
    
    
    


开始动画

$(selector).animate({params}),speed,callback)

         //默认情况下，所有的HTML元素有一个静止的位置，且是不可移动的，如果需要改变，那将要把元素的position属性改为：absolute,relative,fixed.

animate使用相对值代码练习