浮动图片广告图片示例

快乐向日葵

浏览: 495458 次
性别:
来自: 杭州

最近访客更多访客>>

logcy

dbwfncxz

xiaolan02

masuweng

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

前端开发-javascript

Google XHTML HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
*{ 
	margin:0; 
	padding:0;
	text-align:center;
}
button{
	width:50px;
	height:20px;
	border:0;
	background:none;
	float:right;
	cursor:pointer;
}
.adclass{
	width:100%;
	margin:0 auto;	
}
</style>
<script>
//显示顶部展示图片
function duiceadclient_quanping(apcode){
	
	var el=document.getElementById(apcode);
	el.style.visibility = "visible";
	el.style.display = "block";
	var adid=el.getAttribute("adid");
	var adidObj = document.getElementById(adid);
	adidObj.style.visibility = "visible";
	adidObj.style.display="block";
	//setTimeout("duiceadclient_quanpinghidediv('"+apcode+"')",10000)
}

//隐藏顶部展示图片
function duiceadclient_quanpinghidediv(apcode)
{
	var apObj = document.getElementById(apcode);
	apObj.style.visibility = "hidden";
	apObj.style.display = "none";
}	
</script>
</head>

<body>
<!--顶部展示图片-->

<div id="CH_SY_QP_00001" class="adclass" pushtype="nopv" adid="007XR">
	<div id="007XR" area='[]'  style="display:none">
		<img src="http://www.google.cn/landing/cnexp/google-search.png" width="514" height="257" border="0">
	</div>
</div>

<script>duiceadclient_quanping("CH_SY_QP_00001");</script>


<!--两侧浮动图片-->
<div id="129298440407846492" class="picFloatMoreControl" >
	
<SCRIPT>

function play() {
	if (screen.width <= 800 || closeB) {
		for (var i = 0; i < collection.length; i++) {
			collection[i].object.style.display = "none";
		}
		return;
	}
	for (var i = 0; i < collection.length; i++) {
		var followObj = collection[i].object;
		var followObj_x = (typeof (collection[i].x) == "string" ? eval(collection[i].x) : collection[i].x);
		var followObj_y = (typeof (collection[i].y) == "string" ? eval(collection[i].y) : collection[i].y);
		if (followObj.offsetLeft != (document.documentElement.scrollLeft + followObj_x)) {
			var dx = (document.documentElement.scrollLeft + followObj_x - followObj.offsetLeft) * delta;
			dx = (dx > 0 ? 1 : -1) * Math.ceil(Math.abs(dx));
			followObj.style.left = followObj.offsetLeft + dx + "px";
		}
		if (followObj.offsetTop != (document.documentElement.scrollTop + followObj_y)) {
			var dy = (document.documentElement.scrollTop + followObj_y - followObj.offsetTop) * delta;
			dy = (dy > 0 ? 1 : -1) * Math.ceil(Math.abs(dy));
			followObj.style.top = followObj.offsetTop + dy + "px";
		}
	}
}
function closeBanner(obj) {
	obj.style.display = "none";
}
var delta = 0.15;
var collection;
var closeB = false;
function floaters() {
	this.items = [];
	this.addItem = function (id, x, y, content) {
		document.write("<DIV id=" + id + " style=\"z-index:999; position:absolute;  width:110px; height:300px; left:" + (typeof (x) == "string" ? eval(x) : x) + ";top:" + (typeof (y) == "string" ? eval(y) : y) + "\">" + content + "</DIV>");
		var newItem = {};
		newItem.object = document.getElementById(id);
		newItem.x = x;
		newItem.y = y;
		this.items[this.items.length] = newItem;
	};
	this.play = function () {
		collection = this.items;
		setInterval("play()", 10);
	};
}
var theFloaters = new floaters();
theFloaters.addItem("leftDiv01", 6, 145, "<a href=\"#\" target=\"_blank\" title=\"\"><img src=\"http://www.baidu.com/img/baidu_logo.gif\" width=\"270\" height=\"129\" border=\"0\" /></a><br /><button onClick=\"closeBanner(this.parentNode);\">关闭</button>");
theFloaters.addItem("rightDiv01", "document.documentElement.clientWidth-127", 145, "<a href=# target=_blank title=1><img src=\"http://img02.taobaocdn.com/tps/i2/T1iQhUXnxpXXXXXXXX-171-48.png\" width=\"171px\" height=\"48px\" border=\"0\" /></a><br /><button onClick=\"closeBanner(this.parentNode);\">关闭</button>");
theFloaters.play();


</SCRIPT>
</div>


<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
</body>
</html>

分享到：

linux cp命令覆盖无提示解决办法 | java连接SunLDAP实例

2011-01-11 15:00
浏览 1309
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

浮动图片广告图片示例

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

浮动图片 广告图片 示例

评论

发表评论

相关推荐

回调函数实例

jquery完全遮盖+弹出框

ul li 拖动排序jquery-ui.js

table tr 拖动排序插件jquery.tablednd.js

可移动弹出层

[转]jquery的checked以及disabled

javascript实现图片轮换效果

js动态加载css文本

MathJax+MathML

js中使用正则表达式实现replaceAll方法

js控制onclick事件实例

判断iframe是否加载完毕的方法（兼容ie和Firefox）(转)

颜色搭配器

经常会遇到这样一种情况。 在iframe里嵌入另外一个页面时。如果iframe载入的页面响应较快，或许我们感觉不到页面载入的不同步，但试想，如果一个需要内嵌到i

iframe载入完成时的事件监听

屏蔽键盘及鼠标相关代码

iframe+js实现页面全屏、淡入淡出切换

iframe 父窗口和子窗口相互的调用方法集锦

js判断浏览器类型

如何遍历一个未知的object类型的属性（转）

最近访客更多访客>>

浮动图片广告图片示例

经常会遇到这样一种情况。在iframe里嵌入另外一个页面时。如果iframe载入的页面响应较快，或许我们感觉不到页面载入的不同步，但试想，如果一个需要内嵌到i