分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

使用jquery完成定时弹出广告图片

发布时间:2023-09-06 01:59责任编辑:沈小雨关键词:暂无标签
 ???????<script src="../js/jquery-1.8.3.js"></script> ???????<script type="text/javascript"> ???????????$(function(){ ???????????????//1.书写显示广告的定时操作 ???????????????time=setInterval("showAdd()",3000); ???????????}); ???????????//2.书写显示广告图片的函数 ???????????function showAdd(){ ???????????????//3.获取广告图片,并让其显示// ???????????????$("#img2").show(1000); //普通弹出// ???????????????$("#img2").slideDown(5000);//向下滑动 ???????????????$("#img2").fadeIn(5000); ???????????????//4.清楚显示图片的定时操作 ???????????????clearInterval(time); ???????????????//5.设置隐藏图片的定时操作 ???????????????time=setInterval("hiddenAd()",3000); ???????????} ???????????????function hiddenAd(){ ???????????????????//6.获取广告图片,并让其隐藏// ???????????????????$("#img2").hide(); //普通隐藏// ???????????????????$("#img2").slideUp(5000);//向上慢慢隐藏 ???????????????????$("#img2").fadeOut(5000); ???????????????????//7.清楚隐藏图片的定时操作 ???????????????????clearInterval(time); ???????????????} ???????</script>
 ???<!--定时弹出广告图片位置--> ???????????<img src="../img/f001a62f-a49d-4a4d-b56f-2b6908a0002c_g.jpg" width="100%" ????????????????style="display:none" id="img2"/>

使用jquery完成定时弹出广告图片

原文地址:https://www.cnblogs.com/benjamin77/p/9162192.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved