博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery 的动画效果图片----隐藏打开方法
阅读量:5368 次
发布时间:2019-06-15

本文共 474 字,大约阅读时间需要 1 分钟。

    
Title

此代码中我们首先做了个img标签,放了一张美女图,并先设置display:none

随后设置了3个Input标签,并分别绑定了3个方法 

1,show()此方法是将绑定的标签里的display:none改为dispaly:inline-block,随后从左上角起往右下角拉升放大,并且透明度由透明0逐渐恢复到1 ,并可以设置参数,1000为一秒钟完成展示整个过程

2,hide()与上方法相反,display由inline-block改为none,并且收缩图像,透明度由1逐渐变成0.也是可以设置时间参数

3.toggle()是上面2个方法的集合在一个键上,意思就是判断你的dispaly是什么属性,如果是none 就设置inline-block 如果非none就设置inline-block;

 

转载于:https://www.cnblogs.com/laoguiaabb/p/8076380.html

你可能感兴趣的文章
搜集浏览器兼容问题
查看>>
(转)Go语言核心36讲之Go语言学习路线
查看>>
区间dp之 "石子合并"系列(未完结)
查看>>
【转】实战 SSH 端口转发
查看>>
Android开发环境搭建及常见问题解决方法
查看>>
mysql锁SELECT FOR UPDATE【转】
查看>>
time 类
查看>>
Django初学笔记--新建一个简单的工程
查看>>
解决win10 64位系统可用2.99g
查看>>
Semaphore
查看>>
php 递归的生成目录函数
查看>>
nmap二层发现
查看>>
day1 LGTB玩扫雷
查看>>
Lambda表达式(转载)
查看>>
JS滚轮事件(mousewheel/DOMMouseScroll)了解
查看>>
Java处理中文乱码问题
查看>>
用bootstrap 分页插件问题
查看>>
24 友盟项目--优化-flume限速拦截、flume自定义源防丢失--改造exec源守护线程监控目录(防丢失)redis维护key(去重)...
查看>>
01 sparkAPI-阅读总结-TuningSpark
查看>>
6个用于大数据处理分析的最好工具
查看>>