Jquery---定时器(实现页面内定时弹出广告,定时退出)

一、用到的方法:
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>
 
posted @ 2019-07-03 11:24  躺床上看天dzl  阅读(824)  评论(0编辑  收藏  举报