<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Insert title here</title>

<style type="text/css">

div{

	width: 300px;

	height: 300px;

	border:1px red solid;

	position: fixed;/*相对于浏览器窗体进行定位*/

	right: 5px;

}

img{

float:left;

width:180px;

height:180px;

}

</style>

<script type="text/javascript">

/*两个定时器函数的差别：

 * setTimeout(表达式,时间间隔)：经过一次时间间隔运行一次表达式----仅仅运行一次

 setInterval(表达式。时间间隔)：每经过一次时间间隔运行一次表达式----运行无限次

 setTimeout能够通过回调函数本身就ok了,在以下的代码中有所体现哦

 */

window.onload=function(){

	init();

}

//设置div的bottom的值。是指div的底部距离它的最临近的父元素之间的距离

	var bottomPosition=-550;

	function init(){

		//由于整个文档中有仅仅有一个div，全部通过这样的方式获取了存储图片的div了

		var divNode = document.getElementsByTagName("div")[0];

		//设置了bottom属性。使得開始载入的时候这个div是看不到的

		divNode.style.bottom=bottomPosition+"px";

		bottomPosition+=1;//没启动这个函数位置就会向上移动一个像素。

		if(bottomPosition<50){

			//间隔10毫秒启动这个函数

			setTimeout(init,10);

		}

	}

	//加入一个关闭button

	function closeAdv(){

		var divNode = document.getElementsByTagName("div")[0];

		divNode.style.display="none";

	}

</script>

</head>

<body>

	<div>

	<input onclick="closeAdv();"/>

	<img src="3.jpg">胡哥是个传说胡哥是个传说胡哥是个传说胡哥是个传说

	胡哥是个传说	胡哥是个传说，胡哥是个传说，胡哥是个传说

	胡哥是个传说	胡哥是个传说。胡哥是个传说，胡哥是个传说

	胡哥是个传说胡哥是个传说

	胡哥是个传说	胡哥是个传说，胡哥是个传说。胡哥是个传说

	</div>

</body>

</html>

注意：那里3.jpg该位置需要给她一个图片。

版权声明：本文博主原创文章，博客，未经同意不得转载。

JavaScript动态广告弹出框的更多相关文章

  1. JavaScript三种弹出框（alert，confirm和prompt）用法举例

    http://blog.csdn.net/lucky51222/article/details/45604681 我们在做网页交互的时候往往需要用户在操作之前弹出一个提示消息框来让用户做一些点击才能继 ...

  2. bootstrap-js(六)弹出框

    实例 为任意元素添加一小块浮层,用于存放非主要信息. 弹出框的标题和内容的长度都是零的话将永远不会被显示出来. 初始化 由于性能的原因,工具提示和弹出框的 data 编程接口(data api)是必须 ...

  3. Bootstrap-Plugin：弹出框（Popover）插件

    ylbtech-Bootstrap-Plugin:弹出框(Popover)插件 1.返回顶部 1. Bootstrap 弹出框(Popover)插件 弹出框(Popover)与工具提示(Tooltip ...

  4. js简单显示和隐藏div，触发超链接，动态更改button值，setInterval（）简单使用，jquery easyui弹出框简单使用 .

    js简单显示和隐藏div .<!DOCTYPE html> .<html> .<head> .<meta charset="UTF-8"& ...

  5. JavaScript插件——弹出框

    (JavaScript插件——弹出框) 前言 阅读之前您也可以到Bootstrap3.0入门学习系列导航中进行查看http://www.cnblogs.com/aehyok/p/3404867.htm ...

  6. easyui tree datagrid动态添加表头和表格数据，动态弹出框，修改和删除按钮

    1.要有获取表头的URL和表格的URL 背景:点击树的一个节点,就加载一个表格,这个表格是动态的,表头和表格数据都是动态的 解决方案:需要两个URL,一个是获取表头的URL,一个是获取表格数据的URL ...

  7. JavaScript 实现简单的 弹出框关闭框

    JavaScript 实现简单的 弹出框关闭框 知识点: 1.javaScript 添加HTML标签 2.javaScript 添加HTML标签属性 3.javaScript 追加元素 代码献上: & ...

  8. 四种常见的提示弹出框（success，warning，error，loading）原生JavaScript和jQuery分别实现

    原文:四种常见的提示弹出框(success,warning,error,loading)原生JavaScript和jQuery分别实现 虽然说现在官方的自带插件已经有很多了,但是有时候往往不能满足我们 ...

  9. 练习：javascript弹出框及地址选择功能,可拖拽

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

随机推荐

  1. 【】queue

    [链接]点击打开链接 [题意] 实话实说,给 OIER 大神们排队这种工作是最让人头疼的事情了.因为同学们都有自尊 心,都不愿意排后面. 现在共有 n 个同学要排成一列,每个同学有两个属性:影响力和承 ...

  2. fdopen：让文件描述符像文件一样使用

    FILE * fdopen(int fildes,const char * mode); fdopen与fopen类似,返回一个FILE *类型的值,不同的是此函数以文件描述符而非文件作为参数. 如果 ...

  3. 如何把canvas元素作为网站背景总结详解

    如何把canvas元素作为网站背景总结详解 一.总结 一句话总结:最简单的做法是绝对定位并且z-index属性设置为负数. 1.如何把canvas元素作为网站背景的两种方法? a.设置层级(本例代码就 ...

  4. js cookie可选参数（document.cookie='name=张三;expires='+day;）

    js cookie可选参数(document.cookie='name=张三;expires='+day;) 一.总结 1.可用secure属性来设置安全协议传输 2.expire属性用的比较多,其它 ...

  5. POJ 1088 滑雪 DFS 记忆化搜索

    http://poj.org/problem?id=1088 校运会放假继续来水一发^ ^ 不过又要各种复习,功课拉下了许多 QAQ. 还有呀,就是昨天被一个学姐教育了一番,太感谢了,嘻嘻^ ^ 好了 ...

  6. 【t048】水流

    Time Limit: 1 second Memory Limit: 128 MB [问题描述] 全球气候变暖,小镇A面临水灾.于是你必须买一些泵把水抽走.泵的抽水能力可以认为是无穷大,但你必须把泵放 ...

  7. PatentTips - SNMP firewall

    BACKGROUND OF THE INVENTION [0001] The present invention relates to communications and, more particu ...

  8. iOS将汉字转换为拼音

    将汉字转换为拼音 - (NSString *)chineseToPinyin:(NSString *)chinese withSpace:(BOOL)withSpace { CFStringRef h ...

  9. thinkphp 获取url参数,汉字获取不到

    //这样获取不到 dump($_GET['car_code']); //这样就可以获取了 dump(iconv("gb2312","utf-8",$_GET[' ...

  10. [D3] Load and Inspect Data with D3 v4

    You probably use a framework or standalone library to load data into your apps, but what if that’s o ...