免费黄色在线,香蕉久久久久久,欧美久久久久久

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

深山行者個人網(wǎng)站 2009/6/1 14:46:33 深山行者字體:大中小瀏覽 11425

以下為詳細(xì)代碼

<!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),超級強(qiáng)的DIV+CSS應(yīng)用</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;   //當(dāng)滾動條為多少時開始滾動

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" 里調(diào)整'
				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>

前一頁:點(diǎn)出窗口，選擇類別

后一頁:控制背景色

相關(guān)閱讀: JS壓縮; 旅行社管理系統(tǒng)商業(yè)版3.0發(fā)布; 判斷用戶注冊密碼強(qiáng)度的JS代碼; 對打開的窗口進(jìn)行個性尺寸大小定制; 倒計(jì)時廣告/始終保持在網(wǎng)頁中部; iframe里阻止_blank彈出新窗口的方法; 連云港旅游網(wǎng); asp過濾所有html標(biāo)簽

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

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

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

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

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

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

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

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

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

更多>>隨機(jī)抽取信息: 兼容ie和火狐ff的透明度設(shè)置; javascript根據(jù)內(nèi)容轉(zhuǎn)換為拼音; 連云港酒店預(yù)訂網(wǎng)站; 留言動態(tài)顯示圖片; asp用BcO將二進(jìn)制轉(zhuǎn)八進(jìn)制然后再OcB將八進(jìn)制轉(zhuǎn)二進(jìn)制; 河南省中國青年旅行社

更多標(biāo)簽熱門標(biāo)簽

腳本 media 統(tǒng)計(jì) 利用position把div放在flash上固定調(diào)色板創(chuàng)業(yè) 滾動旅游拼音酷 shift 對象游戲 Request 混合 hack 鼠標(biāo) 詳解重復(fù) 尺寸 CSS規(guī)范管理 title ResponseXML jpg 點(diǎn)擊 css 透明文字樣式色彩增高垂直 XMLHTTP 緩沖文字垂直居中 Javascript實(shí)現(xiàn)CSS代碼高亮顯示1 option access input 左右 expression 上下左右源碼跳轉(zhuǎn) 高 cookies box div CSS 訪問量簡易

天天射射天天_久久com_99这里只有精品视频_爱色av_国产在线a_99日韩

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