JQuery Show()的几种效果
1 show()方法和hide()方法
$("selector").show()
从display:none还原元素默认或已设置的display属性
$("selector").hide()
设置元素的display样式为none,等于$("selector").css("display","none")
(注: 传入参数后,.show()和.hide()方法同时动画改变元素的width,height和透明属性;传入参数控制显隐速度,单位毫秒, 如.show(600),也可传入fast,normal,slow,fast为200毫秒,normal为400毫秒,slow为600毫秒)
2 fadeIn()方法和fadeOut()方法
$("selector").fadeIn()
控制透明度在指定时间内从display:none提高至完全显示
$("selector").fadeOut()
控制透明度在指定时间内降低至display:none;
3 slideUp()方法和slideDown()方法
$("selector").slideUp()
控制元素高度在指定时间内从下到上缩短至display:none;
$("selector").slideDown()
控制元素高度在指定时间内从display:none延伸至完整高度
4 自定义动画方法animate()
$("selector").animate(params,speed,callback);
params:一个包含样式属性及值的映射,比如{property1:"value1",property2:"value2",...}
speed:速度参数,可选
callback:在动画完成时执行的参数(即回调函数),可选
转载于:https://www.cnblogs.com/jiangchunhui/p/3361736.html
JQuery Show()的几种效果相关推荐
- jQuery自定义漂亮的下拉框插件8种效果演示
原始的下拉框不好看这里推荐一个jQuery自定义漂亮的下拉框插件8种效果演示 在线预览 下载地址 实例代码 <!DOCTYPE html> <html lang="en& ...
- 深入学习jQuery的三种常见动画效果
前面的话 动画效果是jQuery吸引人的地方.通过jQuery的动画方法,能够轻松地为网页添加视觉效果,给用户一种全新的体验.jQuery动画是一个大的系列,本文将详细介绍jQuery的三种常见动画效 ...
- php产品效果图,jQuery_基于JQuery制作的产品广告效果,效果图.如下: 动画效果介绍 - phpStudy...
基于JQuery制作的产品广告效果 效果图.如下: 动画效果介绍:这组广告效果是打开页面后图片会自动播放,从1-5共计5张图片,如果属标放到右下角的1.2.3.4.5列表上,可以自由进行切换到自己想看 ...
- 使用jQuery创建模态窗口登陆效果
来源:GBin1.com 在线下载 在线演示 隐藏模态窗口技术是一种很好的解决方案,用于处理不是特有必要出现在网页上的界面元素.社交网络可以使用模态窗口传达私人讯息以及只针对会员才能看 到的表单.在博 ...
- mr.Xiong使用jQuery实现电影排行榜的效果
使用jQuery实现电影排行榜的效果 首先我们就要来给电影排行榜布局,先用一个大的盒子来装里面带的内容,再用h2标签包含电影排行榜作为标题,最后再用ul>li(无序列表)标签来装需要显示的图片和 ...
- HTML导航栏的四种制作方法,jQuery+CSS3实现四种应用广泛的导航条制作实例详解
导航条的使用很广,每个网站都会做出具有自己特色的导航条.最近特地去了解了各种类型的导航条,比如具有高亮显示的导航条,中英文互相切换的导航条,具有弹性动画的导航条,甚至是具有摩擦运动动画的导航条(文字下 ...
- jQuery遍历的几种方式
jQuery遍历的几种方式 1. jq对象.each(callback) 或 选择器.each(callback) 1.1. 回调函数不带参数 (*注意:这种不带参数的回调只能获取到集合中的每一个元素 ...
- php滑动拼图验证,JS实现PC手机端和嵌入式滑动拼图验证码三种效果
PC和手机端网站滑动拼图验证码效果源码,同时包涵了弹出式Demo,使用ajax形式提交二次验证码所需的验证结果值,嵌入式Demo,使用表单形式提交二次验证所需的验证结果值,移动端手动实现弹出式Demo ...
- Jquery JQZoom Plugin 放大鏡效果 Two
Jquery JQZoom Plugin 放大鏡效果 Two Jquery1.3.2Lib下載地址:http://files.cnblogs.com/davidzhou/jquery-1.3.2.ra ...
最新文章
- 百度李彦宏:无人驾驶何时商用
- 乐高机器人java程序代码_用JAVA编写一个乐高机器人躲避障碍物运动到目标点的程序....
- 1.2.4 在Python中使用向量化的技巧和注意事项
- 你这种直来直去的英语,买家受不了
- pycharm matplotlib 图片显示
- oem是代工还是贴牌_代加工和贴牌加工的区别是什么
- 《C++ Primer 5th》笔记(10 / 19):泛型算法
- django CBV装饰器 自定义django中间件 csrf跨站请求伪造 auth认证模块
- 40个极简WordPress主题
- javascript数据结构与算法--散列
- java 静态方法 非静态变量_深度分析:Java 静态方法/变量,非静态方法/变量的区别,今天一并帮你解决!...
- EasyRecovery帮你一招找回网易云下载的单曲
- ROI是什么?电商ROI计算公式及理论及详解
- ABAQUS的第一个error【删去Job-1.lck】
- 关于丹佛机场行李系统分析
- 如何证明pi是无理数
- 《Java编程思想》 第6章 访问权限控制
- 零基础搭建Tomcat集群(超详细)
- 23.打印由*号组成的三角形图案
- 六级考试-考前最后一背
热门文章
- mysql gtid深入_深入理解MySQL 5.7 GTID系列(四):mysql.gtid_executedPREVIOUS GTID EVENT
- dll模块化设计与编程_FPGA设计原则经验分享
- Linux下导出MySQL为SQL文件_MySQL导入导出.sql文件步骤
- 360浏览器查看html文件在哪里,360浏览器8菜单栏怎么弄出来?如何查看网站源代码...
- C/C++二叉树前序遍历,中序遍历,后序遍历
- 怎么用python做战斗机_关于python文件操作
- 无法启动parallels 缺少必要组件_Parallels 体验 Manjaro 19 (Xfce)
- django2与ajax,Python-Django-Ajax进阶2
- python发邮件详解_python:利用smtplib发送邮件详解
- CRITIC法之matlab