阅读模式:

jquery下移弹窗效果

查看:1349  回复:0  类型:  来源:php自学网  标签 jquery

jquery 打开页面,弹出的窗口从屏幕上面移到屏幕中间的动画效果

<div id="cun" style="background:#fff;position:fixed;left:50%;top:50%;z-index:999;width:500px;margin-left:-250px;
overflow:hidden;height:300px;margin-top:-1920px;border-radius:4px;border:1px solid #ff8400;box-shadow: 0px 0px 10px #ff8400;">
    <img src="static/images/cun.gif" width="500px" height="370px" style="display: block;"/>
    <div id="cunclose" style="cursor:pointer;position:absolute;top:0px;right:0px;width:20px;height:20px;
    line-height:20px;border:1px solid #ff8400;color:red;font-size:20px;text-align:center;background:#ff8400;">X</div>
</div>
<script>
    $('#cunclose').click(function(){
        $('#cun').animate({'marginTop':'-1920px'},1000);
    });
    setTimeout(function(){
        $('#cun').animate({'marginTop':'-150px'},1000);
    },500);
    setTimeout(function(){
        $('#cun').animate({'marginTop':'-1920px'},1000);
    },20000);
</script>
分享到:
1 1

*有问题之处烦请在评论中指出非常感谢!
不是我想要的内容,继续搜索:

扫描二维码手机查看

发布评论:


登录:
  表情:
评论话题
推荐阅读:
mysql数据库性能的基本优化   阅读:2021把php session 会话保存到redis   阅读:2713PHP 鸟哥:我也曾经是“不适合”编程的人   阅读:3194centos 7 安装 nginx-1.11.10   阅读:3729centos 7 忘记root密码   阅读:1548给网站添加一键qq登录的功能   阅读:2886HTTP 1.1 协议详解   阅读:2355给 centos 7 安装桌面环境   阅读:9182linux教程,鸟哥私房菜(pdf全集)   阅读:1941分享:淘宝技术这十年   阅读:1859把php session 会话保存到redis   阅读:2713给php7安装redis扩展库   阅读:2758给 centos 7 安装桌面环境   阅读:9182mysql数据一键导出到csv文件   阅读:2020mysql 为什么添加索引可以提高访问速度   阅读:2227centos 7 安装 mysql-5.7   阅读:2500面试都会问你为什么你从上一家公司离职的真实意思   阅读:4287什么是天使轮?什么是A轮融资?B轮融资?   阅读:1379用php从1加到100的值   阅读:3442php压缩页面的html代码一行显示   阅读:2629给php7安装redis扩展库   阅读:2758ajax+php 实现一个简单的在线聊天室功能(附带源码)   阅读:3575把php session 会话保存到redis   阅读:2713centos 7 安装 php-7.1.3   阅读:9000栈和堆的区别   阅读:1700linux top命令详解   阅读:1904html5 离线缓存的使用   阅读:1701PHP 鸟哥:我也曾经是“不适合”编程的人   阅读:3194简单的DOS攻击之死亡之ping详解   阅读:15247用php从1乘到100的值   阅读:2478“米粉节”背后的故事——小米网抢购系统开发实践   阅读:1617霍金24岁博士毕业论文在线预览   阅读:1759javascript对cookie操作详细代码函数   阅读:1959十张GIF让你弄懂递归等概念   阅读:2048centos 7 安装 php-7.1.3   阅读:9000十张GIF让你弄懂递归等概念   阅读:2048用php从1加到100的值   阅读:3442php打印九九加法表   阅读:2583php冒泡排序法   阅读:2240纯干货,程序员面试的超实用技巧   阅读:1541最新centos7 搭建LNMP环境(centos7.2+php7+mysql5.7+nginx1.11+redis3.2)   阅读:4961mysql5.7开启sql日志的配置   阅读:2479纯干货,程序员面试的超实用技巧   阅读:1541“米粉节”背后的故事——小米网抢购系统开发实践   阅读:1617shell脚本统计当前服务器并发连接数   阅读:2305给 centos 7 安装桌面环境   阅读:9182centos 7 安装 php-7.1.3   阅读:9000centos 7 忘记root密码   阅读:1548shell脚本批量删除几天前的文件   阅读:2751php冒泡排序法   阅读:2240