国产伦精品一区二区三区照片91,亚洲福利av,国产一区喷水

一個可以說是超級變態(tài),超級強的DIV+CSS應用

深山行者個人網站 2009/6/1 14:46:33 深山行者字體:大中小瀏覽 11559

以下為詳細代碼

<!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>一個可以說是超級變態(tài),超級強的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>

</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>

前一頁:點出窗口，選擇類別

后一頁:控制背景色

相關閱讀: 網頁制作,改變你的思維方; ASP.NET常用的三十三種實用代碼(下); 經典的仿藍色理想TAB橫向下拉菜單效果; html表單里面的label詳細; 有利于搜索引擎的一些常用的CSS命名規(guī)則; div+CSS的無限級擴展下拉菜單(全部加了注釋); css解決中英混合鏈接下劃線不對齊問題; 連云港看網

共有0條關于《一個可以說是超級變態(tài),超級強的DIV+CSS應用》的評論: 發(fā)表評論

正在加載評論......

返回頂部發(fā)表評論

呢稱:
表情:
內容:	評論內容:不能超過 1000 字,需審核,請自覺遵守互聯(lián)網相關政策法規(guī)。
驗證碼:

網友評論聲明,請自覺遵守互聯(lián)網相關政策法規(guī)。

您發(fā)布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權益;
二、不得發(fā)布國家法律、法規(guī)明令禁止的內容;互相尊重,對自己在本站的言論和行為負責;
三、本站對您所發(fā)布內容擁有處置權。

更多信息>>欄目類別選擇: 百度小程序開發(fā); 微信小程序開發(fā); 微信公眾號開發(fā); uni-app; asp函數(shù)庫; ASP; DIV+CSS; HTML; python

更多>>同類信息: jquery下拉到某個固定位置然后某些元素發(fā)生改變樣式狀態(tài); canvas繪制的文字如何換行; 兼容pc、移動端用js實現(xiàn)復制內容到剪切板（支持蘋果safari瀏覽器）; js兼容多個瀏覽器右下角漂浮廣告; 兼容ie6+和火狐的禁止右鍵; 做在線客服時，聊天窗口的div滾動條始終在底部

更多>>最新添加文章: dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT; Android移動端自動化測試：使用UIAutomatorViewer與Selenium定位元素; 抖音直播音掛載小雪花懂車帝小程序; javascript獲取瀏覽器指紋可以用來做投票; 火狐Mozilla Firefox出現(xiàn)：無法載入您的Firefox配置文件它可能已經丟失或是無法訪問問題解決集合處理辦法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑; python通過代碼修改pip下載源讓下載庫飛起; python里面requests.post返回的res.text還有其它的嗎

更多>>隨機抽取信息: 純CSS制作的網頁中的lightbox效果; 地瓜坊美食; asp獲取漢字拼音的第一個字母; CSS教程：li和ul標簽具體用法舉例; JS壓縮; 記錄滾動條位置（使用userdate）

更多標簽熱門標簽

li 源碼名稱 qq right 手 meta 返回左右上傳變大 iis 火狐 flash 透明函數(shù) 展示文件 cpu eof 效果選項卡 time 深山行者V1.2旅行社網站管理系統(tǒng) 站長格式化 DW 加密性能浮動偽類比例字節(jié)數(shù) weatherxml asp.net 百度控制展開首頁 IP 路徑計算 slectindext 源文件 table 特效 mop hover id 繁體尺寸客戶端

99热热热_国产成人自拍一区_欧美一级网站_99热在线播放_国产精品乱码一区二区三区_久久精品国产一区二区三区

一個可以說是超級變態(tài),超級強的DIV+CSS應用