BoxOver運用Javascript/DHTML呈現網頁的Tooltips(說明),並改進預設的tooltips,不需任何的Javascript或DHTML撰寫能力,就能輕易的引用。
安裝步驟:
1.將以下語法加入網頁的任何位置
引用內容
2.到你想要呈現Tooltips的html元件,例如:
引用內容
加入title這項與法於元件內:
引用內容
範例網址: http://boxover.swazz.org/example.html
點選下載此文件
介紹網址: http://boxover.swazz.org/
安裝步驟:
1.將以下語法加入網頁的任何位置
![引用內容](http://www.sri.tw/blog/images/quote.gif)
<SCRIPT SRC="BoxOver.js"></SCRIPT>
2.到你想要呈現Tooltips的html元件,例如:
![引用內容](http://www.sri.tw/blog/images/quote.gif)
<DIV style="BORDER: #558844 1px solid;WIDTH:200px;HEIGHT:
75px">My div with some text inside
</DIV>
75px">My div with some text inside
</DIV>
加入title這項與法於元件內:
![引用內容](http://www.sri.tw/blog/images/quote.gif)
<DIV TITLE="header=[header text] body=[body text]"
STYLE="BORDER: #558844 1px solid;WIDTH:200px;HEIGHT: 75px">
My div with some text inside. Move over me to see my tooltip.</DIV>
STYLE="BORDER: #558844 1px solid;WIDTH:200px;HEIGHT: 75px">
My div with some text inside. Move over me to see my tooltip.</DIV>
範例網址: http://boxover.swazz.org/example.html
![下載文件](http://www.sri.tw/blog/images/download.gif)
介紹網址: http://boxover.swazz.org/