jQ学习之实现图片的定时弹出

主要是学习语法

html代码:

1 <img id="gg" src="img/ad.jpg" width="100%" style="display: none;">

jQ代码:

 1 var temp;
 2         //定义页面加载事件
 3         $(function(){
 4             temp=setInterval("showAd()",3000);
 5         }
 6         );
 7         //主要练习jQ的语法操作
 8         function showAd(){
 9             $("#gg").show();
10             clearInterval(temp);
11             temp=setInterval("hiddenAd()",3000);
12         }
13         function hiddenAd(){
14             $("#gg").hide();
15             clearInterval(temp);
16         }

原文地址:https://www.cnblogs.com/zhang188660586/p/11182593.html

时间: 2024-10-10 00:15:48

jQ学习之实现图片的定时弹出的相关文章

JQ——图片弹出效果(定时弹出图片)、toggle

1.使用 hide() 和 show() 方法来隐藏和显示 HTML 元素(这里是img) <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>定时弹出图片——图片弹出的效果</title> <script type="text/javascript" src="../js/jquery-1.8.3.js&quo

JavaScript学习——完成页面定时弹出广告

1.获取图片的位置(document.getElementById(""))  隐藏图片:display:none 定时操作:setInterval("显示图片的函数",3000); 2.步骤分析 (此案例页面定时弹出广告基于JavaScript学习--实现首页轮播图效果实现的) 第一步:在页面指定位置隐藏一个广告图片(使用 display 属性的 none 值) 第二步:确定事件(onload)并为其绑定一个函数 第三步:书写这个函数(设置一个显示图片的定时操作)

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

<script src="../js/jquery-1.8.3.js"></script> <script type="text/javascript"> $(function(){ //1.书写显示广告的定时操作 time=setInterval("showAdd()",3000); }); //2.书写显示广告图片的函数 function showAdd(){ //3.获取广告图片,并让其显示 // $(&

JS——定时弹出图片

1.js代码: function init(){ time = setInterval("showAd()",3000); } //书写显示广告图片的函数 function showAd(){ //获取广告图片的位置 var adEle = document.getElementById("img"); //修改广告图片元素里面的属性让其显示 adEle.style.display = "block"; //清除显示图片的定时操作 clearIn

JavaScripts广告轮播图以及定时弹出和定时隐藏广告

轮播图: 函数绑定在body标签内 采用3张图,1.jpg   2.jpg  3.jpg  利用定时任务执行设置图片属性 src  利用for循环可以完成3秒一次 一替换. 定时弹出广告: 由于body标签已经绑定了函数 所以直接用 window 加载事件 函数 广告图片的默认display属性是none 3秒后将广告图片的 display属性 设置成block  就可以形成3秒后显示广告图片 弹出后 需要清理定时 然后在写一个3秒定时 隐藏的函数 ,最后也要清理定时. <script> fu

定时弹出广告(图片)

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="21.css" /> <style> #father{ width:1300px; height: 217

拍照选择图片(Activity底部弹出)

效果图如下: 第一步 : 显示出的布局文件:alert_dialog.xml <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_hei

selenium webdriver学习(六)------------如何得到弹出窗口

在selenium 1.X里面得到弹出窗口是一件比较麻烦的事,特别是新开窗口没有id.name的时候.当时还整理了处理了几种方法,详见:http://seleniumcn.cn/read.php?tid=791 .在selenium webdriver中得到新开窗口相对简单的多,它无关新开窗口的id.name等属性.以下面的html为例: [html] view plaincopyprint? <span style="white-space: normal; background-col

Ubuntu 14.04下使用crontab定时弹出窗口

由于本人经常做事情太投入而没有注意时间,晚上到点了却没有给女友打电话,搞得女友有点小小不开心,因此我萌生一个想法:设定一个定时任务,每晚到点了就弹出一个窗口,提醒我该联系女友了.开工! 首先装好mail功能(sudo apt-get install mailutils,然后会弹出窗口,选择Internet,即所有选项的第二个),因为如果有出什么错误(有额外的输出),crontab会发邮件到指定地点(/etc/crontab中的MAILTO参数). 然后尝试由crontab来运行一个xterm,发