



| 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)效果 此元素將會(huì )改變幾次顏色并最終返回原來(lái)的顏色。
漸變顯示效果 原來(lái)的元素初始CSS為display:none,用此效果后漸漸顯示,漸變的alpha濾鏡效果。 膨脹消失效果
消失后可以使用Element.show('d1') 再次將元素顯示出來(lái)。
漸漸消失效果 漸漸顯示效果 震動(dòng)效果 此元素將會(huì )左右震動(dòng) 閃爍效果 此函數通過(guò)alpha濾鏡來(lái)進(jìn)行閃爍。
長(cháng)大效果 {duration:5.0, direction: 'bottom-right', opacityTransition: Effect.Transitions.linear}); 其中:direction 是指的元素從什么方向進(jìn)入。 如果不指定后面的參數,元素缺省是從下面的中間開(kāi)始變大。沒(méi)有alpha效果。 萎縮效果 長(cháng)大效果Grow()的相反效果。
Toggle各種效果 Effect.toggle('d2','BLIND') Effect.toggle('d2',’appear’) Effect.toggle('d2',’slide’) … 似乎所有這種有著(zhù)相反效果的函數都可以在這里設置Toggle, ’BLIND’中的效果名大小寫(xiě)不敏感。
取消效果函數 例如: effect1=new Effect.SlideUp(‘d1’,{duration:10.0}); 想要在這10秒鐘中止動(dòng)畫(huà)過(guò)程: effect1.cancel()
效果隊列 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
聯(lián)系客服