﻿<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/"><channel><title>BlogJava-hejiaming的博客-随笔分类-javascript</title><link>http://www.blogjava.net/hejiaming/category/25302.html</link><description>从来只有事情改变人，而人是无法改变事情的</description><language>zh-cn</language><lastBuildDate>Tue, 28 Aug 2007 11:19:14 GMT</lastBuildDate><pubDate>Tue, 28 Aug 2007 11:19:14 GMT</pubDate><ttl>60</ttl><item><title>scriptaculous之Effect.js使用效果</title><link>http://www.blogjava.net/hejiaming/archive/2007/08/27/139940.html</link><dc:creator>何嘉明</dc:creator><author>何嘉明</author><pubDate>Mon, 27 Aug 2007 07:00:00 GMT</pubDate><guid>http://www.blogjava.net/hejiaming/archive/2007/08/27/139940.html</guid><wfw:comment>http://www.blogjava.net/hejiaming/comments/139940.html</wfw:comment><comments>http://www.blogjava.net/hejiaming/archive/2007/08/27/139940.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/hejiaming/comments/commentRss/139940.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/hejiaming/services/trackbacks/139940.html</trackback:ping><description><![CDATA[<img height=400 src="http://www.blogjava.net/Files/hejiaming/928843_kaicn_2007123941513466.jpg" width=300 name=pic> <br><input onclick="do_Effect($('pic'),'Appear');" type=button value="Appear 测试" name=appear_button> <input onclick="do_Effect($('pic'),'SwitchOff');" type=button value="SwitchOff 测试"> <input onclick="do_Effect($('pic'),'BlindUp')" type=button value="BlindUp 测试"> <input onclick="do_Effect($('pic'),'BlindDown');" type=button value="BlindDown 测试"> <input onclick="do_Effect($('pic'),'Fade');" type=button value="Fade 测试"> <input onclick="do_Effect($('pic'),'Puff');" type=button value="Puff 测试"> <input onclick="do_Effect($('pic'),'DropOut');" type=button value="DropOut 测试"> <input onclick="do_Effect($('pic'),'Shake');" type=button value="Shake 测试"> <input onclick="do_Effect($('pic'),'Squish');" type=button value="Squish 测试"> <input onclick="do_Effect($('pic'),'Grow');" type=button value="Grow 测试"> <input onclick="do_Effect($('pic'),'Shrink');" type=button value="Shrink 测试"> <input onclick="do_Effect($('pic'),'Pulsate');" type=button value="Pulsate 测试"> <input onclick="do_Effect($('pic'),'Fold');" type=button value="Fold 测试"> <input onclick="Opacity($('pic'));" type=button value="Opacity 测试"> <input onclick="move($('pic'));" type=button value="Move 测试"> <input onclick="Combine($('pic'));" type=button value="多个动画先后执行Combine 测试"> <input onclick="parallel($('pic'));" type=button value="多个动画并行执行parallel 测试"> <input onclick="do_Effect($('pic'),'SlideDown');" type=button value="SlideDown 测试"> <input onclick="do_Effect($('pic'),'SlideUp');" type=button value="SlideUp 测试">
<p>&nbsp;</p>
<script type="text/javascript" language="javascript">
    new Control.Slider('handle','track',{
      onSlide:function(v){$('debug').innerHTML='slide: '+v},
      onChange:function(v){$('debug').innerHTML='changed! '+v}});
  </script><script type="text/javascript">
        function do_Effect(element,func){
                  eval('new Effect.'+func+'(element)');      
            }
            
            function move(element){
                new Effect.Move(element,{x:20,y:30}) ;         //element元素慢慢的向下移动20px，同时向右移动30px
            }
            
            function Opacity(element){
                new Effect.Opacity(element,{from:1,to:0} );            
            }
            
            function Combine(element){                 //两个动画同时执行
                new Effect.Opacity(element,{from:1,to:0   ,afterFinishInternal:move(element)      }    );            
            }
            
        function parallel(element){
            new Effect.Parallel([
       new Effect.Opacity(element,{from:1,to:0,sync:true}) ,
       new Effect.Move(element,{x:20,y:30,sync:true}) 
    ],
   {duration:2,delay:1})
    }
            
            
      </script>
<img src ="http://www.blogjava.net/hejiaming/aggbug/139940.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/hejiaming/" target="_blank">何嘉明</a> 2007-08-27 15:00 <a href="http://www.blogjava.net/hejiaming/archive/2007/08/27/139940.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item></channel></rss>