舊文件

此處文件僅供參考,請自行考量時效性與適用程度,其他庫藏文件請參考文件頁面
我們亟需您的協助,進行共筆系統搬移、及文件整理工作,詳情請查閱參與我們

「使用者:Xacid」修訂間的差異

出自 MozTW Wiki

(monobook)
monobook
行 123: 行 123:
 
== monobook ==
 
== monobook ==
 
[[User:Xacid/monobook.css]], [[User:Xacid/monobook.js]] 都是抄 bob 的...^^
 
[[User:Xacid/monobook.css]], [[User:Xacid/monobook.js]] 都是抄 bob 的...^^
 +
* 我錯了... 最近 100 個變動全都是被我玩 CSS 玩出來的... 好可怕啊... 下次用 import 玩好了...

於 2005年3月27日 (日) 22:08 的修訂

其實不知道要寫什麼,就隨便放一些筆記。

我的書簽

就放著用起來比較方便啊...

Nvu 0.90 中文化

持續進行中,並且已經移到 Localization:Nvu

以我自己來算的預定時間表,應該只會提前吧... 要是考試都順利就不會留下個爛攤子啦...

  • 4/05: editor/a-e
  • 4/05: editor/p-u
  • 4/10: en-US/cascades/
  • 4/24: en-US/navigator*
  • 4/24: global*
  • 5/08: 包起來檢查完釋出

關於網頁技術

使用 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>

monobook

User:Xacid/monobook.css, User:Xacid/monobook.js 都是抄 bob 的...^^

  • 我錯了... 最近 100 個變動全都是被我玩 CSS 玩出來的... 好可怕啊... 下次用 import 玩好了...
個人工具