Changeset 1375

Show
Ignore:
Timestamp:
05/18/08 12:36:26 (5 months ago)
Author:
cederberg@gmail.com
Message:

Updated MochiKit.Visual examples to also show slow-motion version of all effects.

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved

  • mochikit/trunk/examples/effects/index.html

    r1184 r1375  
    6969        <h3>Here are all demos on one single element:</h3> 
    7070 <ul class="demo"> 
    71     <li onclick="MochiKit.Visual.appear('demo-all')">Click for Visual.appear demo</li> 
    72     <li onclick="MochiKit.Visual.fade('demo-all')">Click for Visual.fade demo</li> 
    73     <li onclick="MochiKit.Visual.puff('demo-all')">Click for Visual.puff demo</li> 
    74     <li onclick="MochiKit.Visual.blindDown('demo-all')">Click for Visual.blindDown demo</li> 
    75     <li onclick="MochiKit.Visual.blindUp('demo-all')">Click for Visual.blindUp demo</li> 
    76     <li onclick="MochiKit.Visual.switchOff('demo-all')">Click for Visual.switchOff demo</li> 
    77     <li onclick="MochiKit.Visual.slideDown('demo-all')">Click for Visual.slideDown demo</li> 
    78     <li onclick="MochiKit.Visual.slideUp('demo-all')">Click for Visual.slideUp demo</li> 
    79     <li onclick="MochiKit.Visual.dropOut('demo-all')">Click for Visual.dropOut demo</li> 
    80     <li onclick="MochiKit.Visual.shake('demo-all')">Click for Visual.shake demo</li> 
    81     <li onclick="MochiKit.Visual.pulsate('demo-all')">Click for Visual.pulsate demo</li> 
    82     <li onclick="MochiKit.Visual.squish('demo-all')">Click for Visual.squish demo</li> 
    83     <li onclick="MochiKit.Visual.fold('demo-all')">Click for Visual.fold demo</li> 
    84     <li onclick="MochiKit.Visual.grow('demo-all')">Click for Visual.grow demo</li> 
    85     <li onclick="MochiKit.Visual.shrink('demo-all')">Click for Visual.shrink demo</li> 
    86     <li onclick="new MochiKit.Visual.Highlight('demo-all')">Click for Visual.Highlight demo</li> 
    87     <li onclick="MochiKit.Visual.toggle('demo-all', 'blind')">Click for Visual.toggle demo (blind)</li> 
    88     <li onclick="MochiKit.Visual.toggle('demo-all', 'slide')">Click for Visual.toggle demo (slide)</li> 
    89     <li onclick="MochiKit.Visual.toggle('demo-all', 'appear')">Click for Visual.toggle demo (appear)</li> 
    90     <li onclick="MochiKit.Visual.toggle('demo-all', 'size')">Click for Visual.toggle demo (size)</li> 
     71    <li><span onclick="MochiKit.Visual.appear('demo-all')">Click for Visual.appear demo</span> 
     72        <span onclick="MochiKit.Visual.appear('demo-all',{duration:4})">&ndash; slow-motion</span></li> 
     73    <li><span onclick="MochiKit.Visual.fade('demo-all')">Click for Visual.fade demo</span> 
     74        <span onclick="MochiKit.Visual.fade('demo-all',{duration:4})">&ndash; slow-motion</span></li> 
     75    <li><span onclick="MochiKit.Visual.puff('demo-all')">Click for Visual.puff demo</span> 
     76        <span onclick="MochiKit.Visual.puff('demo-all',{duration:4})">&ndash; slow-motion</span></li> 
     77    <li><span onclick="MochiKit.Visual.blindDown('demo-all')">Click for Visual.blindDown demo</span> 
     78        <span onclick="MochiKit.Visual.blindDown('demo-all',{duration:4})">&ndash; slow-motion</span></li> 
     79    <li><span onclick="MochiKit.Visual.blindUp('demo-all')">Click for Visual.blindUp demo</span> 
     80        <span onclick="MochiKit.Visual.blindUp('demo-all',{duration:4})">&ndash; slow-motion</span></li> 
     81    <li><span onclick="MochiKit.Visual.switchOff('demo-all')">Click for Visual.switchOff demo</span> 
     82        <span onclick="MochiKit.Visual.switchOff('demo-all',{duration:4})">&ndash; slow-motion</span></li> 
     83    <li><span onclick="MochiKit.Visual.slideDown('demo-all')">Click for Visual.slideDown demo</span> 
     84        <span onclick="MochiKit.Visual.slideDown('demo-all',{duration:4})">&ndash; slow-motion</span></li> 
     85    <li><span onclick="MochiKit.Visual.slideUp('demo-all')">Click for Visual.slideUp demo</span> 
     86        <span onclick="MochiKit.Visual.slideUp('demo-all',{duration:4})">&ndash; slow-motion</span></li> 
     87    <li><span onclick="MochiKit.Visual.dropOut('demo-all')">Click for Visual.dropOut demo</span> 
     88        <span onclick="MochiKit.Visual.dropOut('demo-all',{duration:4})">&ndash; slow-motion</span></li> 
     89    <li><span onclick="MochiKit.Visual.shake('demo-all')">Click for Visual.shake demo</span> 
     90        <span onclick="MochiKit.Visual.shake('demo-all',{duration:4})">&ndash; slow-motion</span></li> 
     91    <li><span onclick="MochiKit.Visual.pulsate('demo-all')">Click for Visual.pulsate demo</span> 
     92        <span onclick="MochiKit.Visual.pulsate('demo-all',{duration:4})">&ndash; slow-motion</span></li> 
     93    <li><span onclick="MochiKit.Visual.squish('demo-all')">Click for Visual.squish demo</span> 
     94        <span onclick="MochiKit.Visual.squish('demo-all',{duration:4})">&ndash; slow-motion</span></li> 
     95    <li><span onclick="MochiKit.Visual.fold('demo-all')">Click for Visual.fold demo</span> 
     96        <span onclick="MochiKit.Visual.fold('demo-all',{duration:4})">&ndash; slow-motion</span></li> 
     97    <li><span onclick="MochiKit.Visual.grow('demo-all')">Click for Visual.grow demo</span> 
     98        <span onclick="MochiKit.Visual.grow('demo-all',{duration:4})">&ndash; slow-motion</span></li> 
     99    <li><span onclick="MochiKit.Visual.shrink('demo-all')">Click for Visual.shrink demo</span> 
     100        <span onclick="MochiKit.Visual.shrink('demo-all',{duration:4})">&ndash; slow-motion</span></li> 
     101    <li><span onclick="new MochiKit.Visual.Highlight('demo-all')">Click for Visual.Highlight demo</span> 
     102        <span onclick="new MochiKit.Visual.Highlight('demo-all',{duration:4})">&ndash; slow-motion</span></li> 
     103    <li><span onclick="MochiKit.Visual.toggle('demo-all','blind')">Click for Visual.toggle demo (blind)</span> 
     104        <span onclick="MochiKit.Visual.toggle('demo-all','blind',{duration:4})">&ndash; slow-motion</span></li> 
     105    <li><span onclick="MochiKit.Visual.toggle('demo-all','slide')">Click for Visual.toggle demo (slide)</span> 
     106        <span onclick="MochiKit.Visual.toggle('demo-all','slide',{duration:4})">&ndash; slow-motion</span></li> 
     107    <li><span onclick="MochiKit.Visual.toggle('demo-all','appear')">Click for Visual.toggle demo (appear)</span> 
     108        <span onclick="MochiKit.Visual.toggle('demo-all','appear',{duration:4})">&ndash; slow-motion</span></li> 
     109    <li><span onclick="MochiKit.Visual.toggle('demo-all','size')">Click for Visual.toggle demo (size)</span> 
     110        <span onclick="MochiKit.Visual.toggle('demo-all','size',{duration:4})">&ndash; slow-motion</span></li> 
    91111</ul> 
    92112      <div id="demo-all">