博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Jquery---定时器(实现页面内定时弹出广告,定时退出)
阅读量:5301 次
发布时间:2019-06-14

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

一、用到的方法:
1. 获取 / 设置属性: $("#id名"). prop("属性名",“属性值”);
2. 向下滑动显示图片的动画:$("#id名"). slideDown(speed,ease,fn);
3. 向上退出图片的动画:$("#id名"). slideUp(speed,ease,fn);
4. 一次性定时器:setTimeout(函数,时间);
 
二、代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>弹窗</title>
<script src="jquery-3.3.1.min.js"></script>
</head>
<script>
$(function(){
setTimeout(function(){
$("#one").prop("src","img/01.jpg");
$("#one").slideDown(2000,"linear");
},3000);
 
setTimeout(function(){
$("#one").slideUp(2000);
},7000);
});
</script>
<body>
<img src="" alt="" style="width: 300px;height: 200px; display: none" id="one">
</body>
</html>
 

转载于:https://www.cnblogs.com/Hubert-dzl/p/11125369.html

你可能感兴趣的文章
修改博客园css样式
查看>>
Python3 高阶函数
查看>>
初始面向对象
查看>>
docker一键安装
查看>>
leetcode Letter Combinations of a Phone Number
查看>>
Exercise 34: Accessing Elements Of Lists
查看>>
angular中的代码执行顺序和$scope.$digest();
查看>>
ALS算法 (面试准备)
查看>>
思达BI软件Style Intelligence实例教程—房地产分析
查看>>
Unity 3D 如何修改新建脚本中的 C# 默认创建的 Script 脚本格式
查看>>
Unity3D开发之NGUI点击事件穿透响应处理
查看>>
Unity 5.4 测试版本新特性---因吹丝停
查看>>
使用Scrapy爬虫框架简单爬取图片并保存本地(妹子图)
查看>>
7.5 文件操作
查看>>
DFS-hdu-2821-Pusher
查看>>
吴裕雄 Bootstrap 前端框架开发——Bootstrap 排版:地址(Address)
查看>>
吴裕雄--天生自然 JAVASCRIPT开发学习: 表单
查看>>
UITextField
查看>>
Spring事务管理的三种方式
查看>>
MyEclipse中将普通Java项目convert(转化)为Maven项目
查看>>