: HOME; BBS

深山帮帮欢迎您，您可以注册或者登录: qq登录只需一步，快速开始

本站导航

深山旅行社网站管理系统开发完成，欢迎各位网友测试! 点这里测试

565449214　给站长留言

订阅本栏目 RSS您所在的位置：深山工作室 > 广告代码 > 正文

一个可以说是超级变态,超级强的DIV+CSS应用

深山行者个人网站　2009-6-1 14:46:33　深山行者　字体：大中小　浏览 7922　我要评论

以下为详细代码

<!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=gb2312" />
<title>一个可以说是超级变态,超级强的DIV+CSS应用</title>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="favicon.gif" type="image/gif" />
<style type="text/css">

</style></head>

<body>
<div style="float:left;width:750px;height:2500px;background:#e1e1e1;">
	<div id="_ad_floter_height_as" style="float:left;width:550px;height:1500px;background:#124548;">

</DIV>
</DIV>

<div style="float:right;width:220px;background:#f0f0f0;">
	<div style="WIDTH: 200px;height:200px;background:#d1d1d1;">aaaaaaaa
	</div>

<DIV id=container style="MARGIN-TOP: 5px; POSITION: relative">
	<DIV id=floter style="BORDER-RIGHT: #ff0000 0px solid; BORDER-TOP: #ff0000 0px solid; LEFT: 9px; BORDER-LEFT: #ff0000 0px solid; WIDTH: 200px; BORDER-BOTTOM: #ff0000 0px solid; POSITION: absolute; TOP: 0px; HEIGHT: 580px; TEXT-ALIGN: center;background:#c0c0c0;">
	aaaaaaaaa
	</DIV>
</DIV>

</DIV>

<SCRIPT type=text/javascript>
		var floter = document.getElementById("floter");
		var header_top_height  = 145;  //头部高度
		var posTopToBody = document.getElementById("container").offsetTop;  //漂浮广告距窗口高度
		var reduce_height_form_target = posTopToBody - header_top_height - 160;　　//后面是左边两个FLASH广告占用高度
		var floterHeight = document.getElementById("floter").offsetHeight;
		
		var startHeight = document.getElementById("container").offsetTop;   //当滚动条为多少时开始滚动

moveR();
		function moveR() {
			try{
				//初始化容器高度; 注意FIREFOX不支持：height:expression(document.getElementById('_ad_floter_height_as').offsetHeight - 295);
				//若要定义define_reduce_height_form_target可到 "./js/global_var_for_photo_all.js" 里调整'
				document.getElementById('container').style.height = document.getElementById('_ad_floter_height_as').offsetHeight*1 - reduce_height_form_target + "px";
				
				var containerHeight = document.getElementById("container").offsetHeight;
				
				var elementTop = document.documentElement.scrollTop || window.pageYOffset; //兼容chrome、safari
				var maxHeight = containerHeight - floterHeight;

floter.style.top = elementTop - startHeight + 5 + "px";
				
				if(elementTop <= startHeight){
					floter.style.top = 0 + "px";
				}else if(elementTop >= (maxHeight + startHeight)){
					floter.style.top = maxHeight + "px";
				}
			}catch(e){
				//do nothing
			}

setTimeout("moveR();",80)
		}
		</SCRIPT>
</body>
</html>

加入收藏: 打印本页

当前标签：div 应用

前一页：没有了

后一页：符合标准的正常工作的对联广告

Ads loading...

相关阅读: ( 2018-4-15 16:01:30 )利用CSS实现半透明效果兼容IE与火狐与chrome等浏览器; ( 2018-4-13 15:17:02 )sql语句中怎么按照in语句里的id原有的顺序进行排序输出,可以做成浏览记录、查看、观看记录; ( 2018-4-10 11:59:10 )通过设置iis的进程池让网站的并发数，性能提升几个档次; ( 2018-4-10 11:26:02 )asp通过多次获得来取得用户的真实IP; ( 2018-4-3 21:39:18 )通过XMLHTTP检查网站能否打开; ( 2016-8-22 8:56:32 )ASP连接各种数据库的方法; ( 2016-8-15 19:04:22 )asp获得系统Unix时间戳与将Unix时间戳转为正常日期; ( 2016-8-2 21:57:20 )关于SQL2008 “不允许保存更改。您所做的更改要求删除并重新创建以下表。您对无法重新创建的标进行了更改或者启用了‘阻止保存要求重新创建表的更改’” 解决方案

共有0条关于《一个可以说是超级变态,超级强的DIV+CSS应用》的评论: 发表评论

正在加载评论……

返回顶部发表评论

呢称：
表情：
内容：	评论内容：不能超过 400 字，需审核，请自觉遵守互联网相关政策法规。
验证码：

深山工作室网友评论声明，请自觉遵守互联网相关政策法规。

您发布的评论即表示同意遵守以下条款：
一、不得利用本站危害国家安全、泄露国家秘密，不得侵犯国家、社会、集体和公民的合法权益；
二、不得发布国家法律、法规明令禁止的内容；互相尊重，对自己在本站的言论和行为负责；
三、本站对您所发布内容拥有处置权。

Ads loading...

更多信息>>栏目类别选择: rss学习; 个人空间; 网站设计; 网站公告; 下载; photoshop学习; ASP学习; DIV+CSS学习; SEO搜索引擎忧化; java学习; HTML学习; 网站信息; 网站类信息

更多>>同类信息: 倒计时广告/始终保持在网页中部; 符合标准的正常工作的对联广告(2); 符合标准的正常工作的对联广告; 一个可以说是超级变态,超级强的DIV+CSS应用

Ads loading...

更多>>最新添加文章: 批量删除access字段里面fld.Properties.Delete; ASP操作access或sqlserver数据库的函数库; asp采用access数据库搜索信息时因为日文片假名问题提示“Microsoft JET Database Engine 错误80040e14”的解决方法; asp中求两个数的百分比（利用百分比函数FormatPercent就可以自带%的符号）; asp利用sql操作数据表、数据库的一些方法; rs操作数据表记录集对象的方法; asp利用dateadd获得上个月、本月、下个月的第一天和最后一天; asp随机显示字符长度与类型（可随机显示数字、小写字母、大写字母，可以做为随机密码使用）

业务 QQ：565449214
手机：139 6134 7334

更多>>随机抽取信息: 点击密码框弹出小键盘; 更变态的页面右击失效代码,选择,全选,全部失效; 可以用于考试系统中试卷上交的javascript倒计时; 一个非常实用的当你在关闭任何窗口时都作出提示[推荐]; 从百度扣下来的javascript日历; 非常不错的页面搜索器,还可以移动; IE中奇怪的左右border断线现象; CSS关于box（盒模式）的一系列问题详解

Ads loading...

免责声明：本站所有资料信息，有部分为本人原创，部分为从网络收集而来，仅供网友查看阅读所用，所有信息版权归信息所有人或所有公司所有
如果信息内容侵犯到您的版权或权益请与我们联系，经确认后我们会立即移除相关内容或链接
版权所有：深山工作室 http://www.qwbm.com ICP备案：苏ICP备15019627号-2

苏公网安备 32070502010230号
如果您对我们的服务有任何意见或建议，请惠赐E-mail至:565449214@qq.com
建议使用IE5.0以上浏览器、1024*768观看服务QQ：565449214 手机：139 6134 7334