目前分類:動態效果 (9)

瀏覽方式: 標題列表 簡短摘要

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


Rita 發表在 痞客邦 PIXNET 留言(0) 人氣()

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();
    });

Rita 發表在 痞客邦 PIXNET 留言(0) 人氣()

ok

 

參考網址:

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


Rita 發表在 痞客邦 PIXNET 留言(0) 人氣()

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

 

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

Rita 發表在 痞客邦 PIXNET 留言(0) 人氣()

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


Rita 發表在 痞客邦 PIXNET 留言(0) 人氣()

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" />


Rita 發表在 痞客邦 PIXNET 留言(0) 人氣()

<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作法


Rita 發表在 痞客邦 PIXNET 留言(0) 人氣()

直接變換背景圖片

<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;}


Rita 發表在 痞客邦 PIXNET 留言(0) 人氣()

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

[js檔]

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

Rita 發表在 痞客邦 PIXNET 留言(0) 人氣()

找更多相關文章與討論