1.jQuery动画效果
jQuery animate()方法用于创建自定义动画
$(selector).animate({params},speed,callback); //必需的 params 参数定义形成动画的 CSS 属性; //可选的 speed 参数规定效果的时长,它可以取以下值:"slow"、"fast" 或毫秒; //可选的 callback 参数是动画完成后所执行的函数名称;
下面为几个实例:
$("button").click(function(){ $("div").animate({ left:'250px', height:'+=150px', width:'+=150px' }); }); //点击button按钮时div块向左右(取决于当前位置)移动的同时放大150px; //其中'+='为相对变化,再次点击button时div块继续放大150px; $("button").click(function(){ var div=$("div"); div.animate({height:'300px',opacity:'0.4'},"slow"); div.animate({width:'300px',opacity:'0.8'},"slow"); div.animate({height:'100px',opacity:'0.4'},"slow"); div.animate({width:'100px',opacity:'0.8'},"slow"); }); //编写多个 animate() 调用,jQuery 会创建包含这些方法调用的“内部”队列,然后逐一运行这些 animate 调用; $("button").click(function(){ $("div").animate({ height:'toggle' }); }); //可以把属性的动画值设置为 "show"、"hide" 或 "toggle"; //点击button时,div块向上收缩,再次点击向下展开;
2.jQuery停止动画
jQuery stop() 方法用于停止动画或效果,在它们完成之前
stop() 方法适用于所有 jQuery 效果函数,包括滑动、淡入淡出和自定义动画
$(selector).stop(stopAll,goToEnd); //可选的 stopAll 参数规定是否应该清除动画队列,默认是 false,即仅停止活动的动画,允许任何排入队列的动画向后执行; //可选的 goToEnd 参数规定是否立即完成当前动画,默认是 false;
相关推荐
一段很简单的代码实现的全国二级城市联动选择效果 代码部分很简单,看过即会使用 主要字段内容在city.data.js中,如果需要修改城市名称,到里面找到对应的文字修改,或者添加即可
jQuery动画垂直折叠导航效果
jquery仿Windows系统选中图标效果 jquery仿京东商品详情页图片放大效果 jquery仿百度新闻焦点轮播 jquery分离布局模版 jquery分类导航 jquery加载动画插件 jquery华丽的css3滚动 jquery商品分类选择 jquery图像剪辑 ...
jquery实现二级菜单向上导航效果,导航在切换的同时,背景图片也会有相应的切换,效果很棒
jquery特效二级导航下拉菜单效果源码下载 jquery特效二级导航下拉菜单效果源码下载 jquery特效二级导航下拉菜单效果源码下载
一天搞定jQuery(四)——使用jQuery完成省市二级联动的效果
jquery二级高亮鼠标悬停下拉导航效果
jQuery二张图片滑动对比效果代码 .rar
自己用jquery写的一个带简单动画效果的导航栏, 可手动添加父栏和子栏,初学乍练,但绝对好用
红简单的jQuery代码实现二级导航的切换效果,内部的文档jQuery,css,html简单齐全,不含杂乱代码,由本人在工作中整理所得,绝对使用;
jQuery钢琴动画效果的二级下拉导航菜单代码 jQuery钢琴动画效果的二级下拉导航菜单代码 jQuery钢琴动画效果的二级下拉导航菜单代码 jQuery钢琴动画效果的二级下拉导航菜单代码
这是一款适用于网络营销,查询连锁店铺全国网点的jQuery省市二级联动关联店面查询表单代码,主要还是城市联动下拉选择菜单效果,查询结果还得程序里自己具体实现。
jQuery通用的二级下拉菜单滑动效果 jQuery通用的二级下拉菜单滑动效果 jQuery通用的二级下拉菜单滑动效果 jQuery通用的二级下拉菜单滑动效果
从国外收费网站翻译过来的一款多种二级下拉菜单导航样式,二级导航菜单支持多种自定义内容,例如:图片列表,登陆注册信息,二级下拉导航条等等
jQuery实现精美二级菜单,增加网页的美观效果
当鼠标悬浮时显示二级菜单,这种类似的效果,想必大家在浏览网页时经常会遇到吧,下面有个示例,大家可以看看
jquery二级导航,二级横向导航,展开或者折叠的时候,支持左右滑动效果
jQuery动画二级下拉菜单效果源码.zip
极具兼容性的jQuery二级下拉菜单代码,对CSS感兴趣的朋友可下载借鉴,兼容性这项技术标准,在现代的WEB2.0设计中越来越重要,因为用户使用的浏览器五花八门,各有各的内核,如果不兼容,很可能导致你的网页变形或...