「使用者:Xacid」修訂間的差異
出自 MozTW Wiki
小 (→我的書簽)  | 
				小 (→我的書簽)  | 
				||
| 行 6: | 行 6: | ||
*# [[Localization:Nvu]]  | *# [[Localization:Nvu]]  | ||
*# [[Projects/Doc/mozlcdb]]  | *# [[Projects/Doc/mozlcdb]]  | ||
| + | *# [[Project/Doc/Creating a Skin for Mozilla]]  | ||
* 社群朋友  | * 社群朋友  | ||
*# [[User:BobChao]]  | *# [[User:BobChao]]  | ||
於 2005年3月26日 (六) 23:17 的修訂
其實不知道要寫什麼,就隨便放一些筆記。
我的書簽
就放著用起來比較方便啊...
- 文件、專案
 - 社群朋友
- User:BobChao
 - User:Dken
 - User:Josesun
 - User:MilchFlasche
 - User:Kourge
 - 族繁不及備載... 自己加吧...
 
 
Nvu 0.90 中文化
持續進行中,並且已經移到 Localization:Nvu 。
關於網頁技術
使用 getElementById("") 做選單
其實應該可以完全用 CSS 寫,可是用 CSS 好像就沒辦法點一次開、再點一次收。 這只是一個簡單的範例,有些地方怪怪的,實際用的時候可能需要用 CSS 美化。
<html>
<head>
<script language="JavaScript">
function modifyMenu(menuId){
        menu=document.getElementById(menuId);
        if( menu.style.display == "none")
                menu.style.display = "block";
        else
                menu.style.display = "none";
}
</script>
<style type="text/css">
#menu1, #menu2{
        display:none;
}
</style>
</head>
<body>
<div onmousedown="modifyMenu('menu1')">選單之一
<ul id="menu1">
<li>次選單一</li>
<li>次選單二</li>
<li>次選單三</li>
</ul></div>
<div onmousedown="modifyMenu('menu2')">選單之二
<ul id="menu2">
<li>次選單一</li>
<li>次選單二</li>
<li>次選單三</li>
</ul></div>
</body>
</html>
position:fixed 的使用
看到一個關於固定圖層的討論,麻煩的是 IE 不能用 position:fixed ,還會把 body 多加空的捲軸;而 Firefox 不能使用滑鼠滾輪捲動 overflow:scroll 製造的捲軸。於是很 dirty 的利用 IE 不能用的 selector ,製造出固定的圖層,而且在 Firefox 中也可以用滑鼠捲動。其實根本是純粹無聊, IE 沒有的東西不要管他就好了。
<html>
<head>
<style type="text/css">
<!--
body{
	padding:0;
	margin:0;
	overflow:auto;
}
#main{
	position:absolute;
	height:100%;
	width:100%;
	overflow:auto;
}
body > div#main{
	height:auto;
	overflow:visible;
}
#fixed{
	position:absolute;
	top:100px;
	right:100px;
	z-index:100;
	background-color:#aaaaff;
}
body > div#fixed{
	position:fixed;
}
-->
</style>
</head>
<body>
<div id="fixed">
	<h1>Fixed!</h1>
</div>
<div id="main">
*********************<br />
*********************<br />
*********************<br />
*********************<br />
(repeats)
</div>
</body>
</html>
