免费欧美,亚洲精品免费视频,国产综合视频

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

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

以下為詳細(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è)可以說是超級(jí)變態(tài),超級(jí)強(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)滾動(dòng)條為多少時(shí)開始滾動(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)閱讀: 諸城市龍馬假日旅行社; 利用DateAdd把時(shí)間差轉(zhuǎn)換為正常日期格式; 14個(gè)CSS實(shí)用技巧精選推薦; asp獲得當(dāng)前文件的虛擬物理路徑; 模板自由切換; 網(wǎng)頁制作中注意應(yīng)用HTML標(biāo)簽的問題; 網(wǎng)站提示錯(cuò)誤頁面，幾秒后返回首頁; 利用java控制圖片的大小

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

正在加載評(píng)論......

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

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

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

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

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

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

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

更多>>隨機(jī)抽取信息: 酒店客房預(yù)訂商建站解決方案; 14個(gè)CSS實(shí)用技巧精選推薦; javascript 根據(jù)漢字拼音首字母快速定位下拉列表; 旅行社手機(jī)網(wǎng)站模板8; Javascript腳本常用代碼; ASP 格式化顯示時(shí)間為幾個(gè)月,幾天前,幾小時(shí)前,幾分鐘前,或幾秒前

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

初級(jí) 插件表單 list split 壓縮深山v1.0旅行社網(wǎng)站管理系統(tǒng) 省略結(jié)果站長(zhǎng) 規(guī)則項(xiàng)目顯示系統(tǒng) 許愿墻按鈕 ie7 增大表格瀏覽器方法分辨率 xhtml 斜線右擊 JavaScript實(shí)現(xiàn)文本框提示效果 IE8 個(gè)性對(duì)聯(lián) 優(yōu)化 msn 代碼 css 鍵盤滾動(dòng)條 body form Margin加倍文件類型訪問量文本策劃萬年歷自適應(yīng) 性能面板調(diào)色板 vb 硬件 IP 做標(biāo)

99亚洲_成人性视频免费网站_av在线播放网址_免费成人在线网站_亚洲综合婷婷_亚洲一区二区国产

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