Watermeloner

<span onclick="aaa.style.display=aaa.style.display=='none'?'block':'none'">標題111</span>
<div id=aaa style="display:none"> 111111111111111111111 </div>

<span onclick="bbb.style.display=bbb.style.display=='none'?'':'none'">標題222</span>
<div id=bbb style="display:none">22222222222222222222222</div>

css
http://jqueryui.com/themes/base/jquery.ui.tabs.css

<script type="text/javascript" src="http://jqueryui.com/ui/jquery.ui.widget.js"></script>
<script type="text/javascript" src="http://jqueryui.com/ui/jquery.ui.tabs.js"></script>
<script type="text/javascript">
    $(function() {
        $("#tabs").tabs();
    });

ok

參考網址：

http://www.codefans.net/jscss/code/2002.shtml

Firefox 和 ie7, ie8都可接受的語法

<script type="text/javascript">
    function AddFavorite(title, url)
    {
    if (document.all)
    window.external.AddFavorite(url, title);
    else if (window.sidebar)

<script type="text/javascript">
function show(object,val) {
document.getElementById(object).style.display = val;
}
</script>

<div  onmouseover="show('CanlendarGB','block')" onMouseOut="show('CanlendarGB','none')"></div>

<div id="CanlendarGB" style="display:none"></div>

textarea ---------------
<textarea onFocus="if(this.value==this.defaultValue) this.value=''" onBlur="if(this.value=='') this.value=this.defaultValue"> 請輸入說明</textarea>
備註：<textarea></textarea>預填的文字前一定要留一個space，不然就不能起作用  << 待找人請問為什麼~

input -------------------
<input value="請輸入搜尋關鍵字" onMouseOver="this.focus()" onFocus="this.select()" onClick="if (this.value=='請輸入搜尋關鍵字') this.value=''" onblur="if (value ==''){value='請輸入搜尋關鍵字'}" type="text" />

<img width="67" height="67" style="" onmouseover="window.document.getElementById('img_370_370').src='PROD_PIC/2010312164936620.jpg';" src="PROD_PIC/2010312164936620.jpg">

搭配：

<div>
    <img style="height: 370px; width: 370px; border-width: 0px;" src="PROD_PIC/2010312165015277.jpg" id="img_370_370">
</div>

參考25togo作法

直接變換背景圖片

<div><a onMouseOver="this.style.background='url(images/Store/Dele/BtnPICTraceGreen.jpg)';" onMouseOut="this.style.background='none';" href="">加入追蹤</a></div>

.PICTrace { display:inline-block; float:left; margin-left:10px; background:url(../images/Store/BtnPICTrace.jpg) no-repeat;}
.PICTrace a { display:block; width:68px; height:21px; text-indent:-5000px;}

ex：side 右側個人快速服務區塊

[js檔]

// Add for Personal Fast Link
//<![CDATA[
var tips; var theTop = 47/*這是默認高度*/; var old = theTop;
function initFloatTips() {
  tips = document.getElementById('PersonService');