九九热精品视频,偷拍自拍亚洲欧美,一区二区三区av

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

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

以下為詳細(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>一個(gè)可以說是超級變態(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;　　//后面是左邊兩個(gè)FLASH廣告占用高度
		var floterHeight = document.getElementById("floter").offsetHeight;
		
		var startHeight = document.getElementById("container").offsetTop;   //當(dāng)滾動條為多少時(shí)開始滾動

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)閱讀: 談IE與Firefox的CSS兼容大全; 網(wǎng)頁設(shè)計(jì)的十要十不要; web版的js正則工具; uni-app基礎(chǔ)知識數(shù)據(jù)綁定; Visa簽證服務(wù)商建站解決方案; 連云港旅游網(wǎng); 利用position屬性把層永遠(yuǎn)定位于頁面中部; 連云港天天美食網(wǎng)

共有0條關(guān)于《一個(gè)可以說是超級變態(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下拉到某個(gè)固定位置然后某些元素發(fā)生改變樣式狀態(tài); canvas繪制的文字如何換行; 兼容pc、移動端用js實(shí)現(xiàn)復(fù)制內(nèi)容到剪切板（支持蘋果safari瀏覽器）; js兼容多個(gè)瀏覽器右下角漂浮廣告; 兼容ie6+和火狐的禁止右鍵; 做在線客服時(shí)，聊天窗口的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ī)抽取信息: 山西省青年旅行社; 比較實(shí)用的利用javascript按比例相應(yīng)縮放圖片大小; uni-app去除點(diǎn)擊navigator標(biāo)簽時(shí)有背景底色問題; 純div+css制作的彈出菜單-01; 仙美境; 深山旅行社網(wǎng)站管理系統(tǒng)5.0發(fā)布

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

自動獲取首字母規(guī)則布局 alert DW 二級搜索引擎 dl 樣式安裝包 div的高度關(guān)鍵字 pr 留言板模版增高簡易路徑 png important tab 全選光標(biāo) 絕對定位驗(yàn)證碼服務(wù)器圖片上傳美化鍵盤 iframe 游覽器框架 web2.0 max 執(zhí)行工作 126 onload 滑過復(fù)選框樹型 Margin加倍硬件調(diào)色板 DIV+CSS做的透明菜單兼容IE、FF等導(dǎo)航鏈接個(gè)性火狐網(wǎng)易

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

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