欧美性猛交XXXX免费看蜜桃,成人网18免费韩国,亚洲国产成人精品区综合,欧美日韩一区二区三区高清不卡,亚洲综合一区二区精品久久

打開(kāi)APP
userphoto
未登錄

開(kāi)通VIP,暢享免費電子書(shū)等14項超值服

開(kāi)通VIP
轉scriptaculous的Effect效果對象
轉 scriptaculous的Effect效果對象  
  
2007年01月06日 星期六 09:02

Effect效果對象
下拉效果&上拉效果
 

<div id="d1">

 aaaaaaa<p>bbbbbbbbbbbbbbbbb<p>ccccccccccccc<p>

</div>

 <a href="#" onclick="Effect.BlindDown('d1',{});; return false;">BlindDown()</a>

<p>

  <a href="#" onclick="Effect.BlindUp('d1',{});; return false;">BlindUp()</a>

Effect.BlindDown('d1',{})函數的花括號里面{}可以跟參數:

 duration:1.0; 這個(gè)數字表示動(dòng)作持續時(shí)間。

delay: 0.5   延遲0.5秒再啟動(dòng)效果

如果想讓一個(gè)Div開(kāi)始的時(shí)候隱藏,點(diǎn)擊下拉的時(shí)候才拉下,那么只需要將此Div的屬性設為:display: none

 

上滾&下滾效果
這一組函數:

Effect.SlideUp('d1',{});

Effect.SlideDown('d1',{});

這組函數效果與Blind那一組基本一樣,效果粗看起來(lái)差不多……我也是細心比較才發(fā)現的。原來(lái)Blind這一對內容是不會(huì )隨著(zhù)上拉或下拉而動(dòng)的。而Slide中的內容會(huì )被拉上或拉下。

 

變色閃動(dòng)效果
Effect.Highlight('d1',{duration:1.5})

此元素將會(huì )改變幾次顏色并最終返回原來(lái)的顏色。

 

漸變顯示效果
Effect.Appear(‘d1’,{})

原來(lái)的元素初始CSS為display:none,用此效果后漸漸顯示,漸變的alpha濾鏡效果。

膨脹消失效果
Effect.Puff(‘d1’,{})

 

消失后可以使用Element.show('d1') 再次將元素顯示出來(lái)。

 

漸漸消失效果
Effect.Fade('d1')

漸漸顯示效果
Effect.Appear('test_img')

震動(dòng)效果
Effect.Shake(‘d1’,{})

此元素將會(huì )左右震動(dòng)

閃爍效果
Effect.Pulsate('d1',{})

此函數通過(guò)alpha濾鏡來(lái)進(jìn)行閃爍。

 

長(cháng)大效果
 Effect.Grow("d1",

{duration:5.0, direction: 'bottom-right', opacityTransition: Effect.Transitions.linear});

其中:direction 是指的元素從什么方向進(jìn)入。

如果不指定后面的參數,元素缺省是從下面的中間開(kāi)始變大。沒(méi)有alpha效果。

萎縮效果
Effect.Shrink(“d1”,{})

長(cháng)大效果Grow()的相反效果。

 

Toggle各種效果
漢語(yǔ)里面不知道怎么翻譯Toggle,大體意思是:當某物打開(kāi)的時(shí)候觸發(fā)就關(guān)閉,而關(guān)閉的時(shí)候觸發(fā)就打開(kāi) 的一種像”乒乓開(kāi)關(guān)”的行為。這種行為在做頁(yè)面時(shí)特別有用。

Effect.toggle('d2','BLIND')

Effect.toggle('d2',’appear’)

Effect.toggle('d2',’slide’)

似乎所有這種有著(zhù)相反效果的函數都可以在這里設置Toggle, ’BLIND’中的效果名大小寫(xiě)不敏感。

 

 

取消效果函數
這幾個(gè)函數真是乏善可陳……唯一要提的就是關(guān)于中止這幾個(gè)動(dòng)畫(huà)過(guò)程的函數:cancel()

例如:

effect1=new Effect.SlideUp(‘d1’,{duration:10.0});

想要在這10秒鐘中止動(dòng)畫(huà)過(guò)程: effect1.cancel()

 

效果隊列
這個(gè)神秘的queue屬性,還有待進(jìn)一步學(xué)習……

  function startTimeline() {

    // 3x highlight in front

    for(var i=0; i<3; i++)

      new Effect.Highlight('d3', { duration: 1.0, queue: 'front' });

    

    // insert scale at very beginning

    new Effect.Scale('d1', 75, { scaleContent: true, duration: 1.0, queue: 'front' });

    

    // parallel implied, delay 0.5 sec

    new Effect.Highlight('d1', { delay: 0.5 }); 

    

    // puff at end

    new Effect.Puff('d2', { duration: 4.0, queue: 'end' });

  }

 

Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=1568048

本站僅提供存儲服務(wù),所有內容均由用戶(hù)發(fā)布,如發(fā)現有害或侵權內容,請點(diǎn)擊舉報。
打開(kāi)APP,閱讀全文并永久保存 查看更多類(lèi)似文章
猜你喜歡
類(lèi)似文章
摘《談?wù)剆criptaculous動(dòng)畫(huà)效果庫effect.js(原理和使用)》
深入學(xué)習jQuery的三種常見(jiàn)動(dòng)畫(huà)效果
prototype.js簡(jiǎn)介--君臨天下
prototype.js常用函數及其用法
jQuery 源碼解析(三十) 動(dòng)畫(huà)模塊 $.animate()詳解
耗腿時(shí)間多長(cháng)、軟開(kāi)度該練多久?
更多類(lèi)似文章 >>
生活服務(wù)
分享 收藏 導長(cháng)圖 關(guān)注 下載文章
綁定賬號成功
后續可登錄賬號暢享VIP特權!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服

欧美性猛交XXXX免费看蜜桃,成人网18免费韩国,亚洲国产成人精品区综合,欧美日韩一区二区三区高清不卡,亚洲综合一区二区精品久久