怎么设置jQuery中的事件和动画

后面有详细代码

1. 事件 3

        1.1. 加载Dom两种方式 

                1.1.1. window.onload方式 

                1.1.2. jQuery方式 

                1.1.3. 案例1:测试两种方式的区别【个数+顺序】 

        1.2. 绑定事件两种方式 

                1.2.1. 元素.on(“事件名”,function(){}) 

                1.2.2. 元素.事件名(function(){}) 

        1.3. 合成时间/事件切换 

                1.3.1. hover():鼠标悬停合成事件 

                1.3.2. toggle():鼠标点击事件 

        1.4. 事件传播(事件冒泡) 

                1.4.1. 传播:小---->中---->大 

                1.4.2. 阻止传播:事件后面加上 return false 

        1.5. 事件坐标 

                1.5.1. offsetX:当前元素左上角 

                1.5.2. clientX:窗口左上角 

                1.5.3. pageX:网页左上角 

        1.6. 移除事件 

                1.6.1. 元素.unbind(“事件名”); 

2. 动画 

        2.1. 基本 

                2.1.1. 显示:show(time); 

                2.1.2. 隐藏:hide(time); 

                2.1.3. 切换:toggle(time); 

        2.2. 滑动 9

                2.2.1. slideUp(time):动画收缩(向上滑动)---->隐藏 

                2.2.2. slideDown(time):动画展开(向下滑动)----->显示 

                2.2.3. slideToggle(time):动画切换 

       2.3. 淡入淡出(透明度) 

                2.3.1. fadeIn(time):淡入(透明度减少) 

                2.3.2. fadeOut(time):淡出(透明度增加) 

                2.3.3. fadeToggle(time):切换 

        2.4. 自定义动画 

                2.4.1. 缩放,元素.animate({属性:属性值},time) 

                2.4.2. 移动,元素.animate({属性:属性值},time) 

                2.4.3. 移动(本元素),距离


	
		
		
		
		
		
	
	
		

好消息







今天是个好日子

以上就是今天的分享

你可能感兴趣的:(动画,jquery,开发语言,前端)