&

CSS實現網頁頂部拖動無閃爍工具欄

admin

2010年3月11日 12:6 本文熱度 8811

在天涯社區發現的一個始終固頂工具欄，用css代碼布局，原先發現有少這樣的頂部工具條，但有很多在拖動滾動條的時候有閃爍現象，竟然發現天涯這個沒有閃爍，于是花點時間從天涯扒下來，這就是完整的代碼，實際上細心的朋友會發現，這個頂部的工具條實則是一個平鋪的背景圖像，css起到固定背景的作用，也算是一種獨特的實現方法。

<!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>頂部拖動無閃爍菜單欄</title>
<style type="text/css">
*
{
	margin: 0px;
	padding: 0px;
}
body {
	background-image: url();
	background-attachment: fixed;
}
#topNavWrapper {
	width: 980px;
	text-align: left;
	height: 31px;
	margin: 0px auto;
	z-index:100;
	_position: relative ;
	_top:0px;
}
#topNav {
	width: 980px;
	float: left;
	display: block;
	z-index: 100;
	overflow: visible;
	position: fixed;
	top: 0px; /* position fixed for IE6 */
	_position: absolute;
	_top: expression(documentElement.scrollTop + "px");
	background-image: url(http://www.codefans.net/jscss/demoimg/201003/top_r.gif);
	background-repeat: no-repeat;
	background-position: right;
	height: 31px;
}
</style>
</head>
<body>
<div class="div_content" id="topNavWrapper">
		<ul class="jd_menu" id="topNav">
			
		</ul>
</div>
<table><tr><td height="1080"></td></tr></table>
</body>
</html>

該文章在 2023/10/21 12:01:43 編輯過

關鍵字查詢

正在查詢...

點晴ERP是一款針對中小制造業的專業生產管理軟件系統,系統成熟度和易用性得到了國內大量中小企業的青睞。

點晴PMS碼頭管理系統主要針對港口碼頭集裝箱與散貨日常運作、調度、堆場、車隊、財務費用、相關報表等業務管理，結合碼頭的業務特點，圍繞調度、堆場作業而開發的。集技術的先進性、管理的有效性于一體，是物流碼頭及其他港口類企業的高效ERP管理信息系統。

點晴WMS倉儲管理系統提供了貨物產品管理,銷售管理,采購管理,倉儲管理,倉庫管理,保質期管理,貨位管理,庫位管理,生產管理,WMS管理系統,標簽打印,條形碼,二維碼管理,批號管理軟件。

點晴免費OA是一款軟件和通用服務都免費，不限功能、不限時間、不限用戶的免費OA協同辦公管理系統。

男女做爽爽爽网站-男女做羞羞高清-男女做爰高清无遮挡免费视频-男女做爰猛烈-男女做爰猛烈吃奶啪啪喷水网站-内射白浆一区

CSS實現網頁頂部拖動無閃爍工具欄