91美女福利视频,亚洲精品久,精品一区三区

一個可以說是超級變態,超級強的DIV+CSS應用

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

以下為詳細代碼

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

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

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

后一頁:控制背景色

相關閱讀: 利用CSS讓網頁里的提交按鈕變得更漂亮; 淘寶產品首字母類別效果; div+css中文字居于底部的解決方法與代碼; 深山旅行社網站管理系統 v1.3發布; 網站首頁head區代碼規范; 另外的一種單項的選擇; 還在備案期間是否可以提前購買系統？; 深山行者留言系統V3.0 發布

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

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

返回頂部發表評論

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

網友評論聲明,請自覺遵守互聯網相關政策法規。

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

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

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

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

更多>>隨機抽取信息: 旅行社管理系統商業版3.0發布; 諸城市龍馬假日旅行社; 符合標準的正常工作的對聯廣告(2); 站長不要把理想和青春賭到網站上; 要想創業成功必讀的 36 條鐵律; IE6在定義DIV最小高度時出現錯誤的解決方法

更多標簽熱門標簽

訪問量千位讀取 qq right sql 項目居中資料小偷告原則 asp.net display vb 高亮 asp DOCTYPE JavaScript實現文本框提示效果 PSD 高深山行者V1.2旅行社網站管理系統 dl 繁體 ie5.5 邊界重疊無限字節數 shift 管理破解代碼 css 天氣預報錯誤 openwin 美化控件 optgroup 第幾樓 exe 愛國背景調節過期數據記錄 sel 框防止偽類建立日期 style

能看的av_午夜黄色av_在线观看国产视频_天天爱综合_国产精品亚洲成在人线_日韩一

一個可以說是超級變態,超級強的DIV+CSS應用