工具 | 花瓣掉落



希望你们会喜欢 :)


[此教程支持新旧模板]


1. 去设计》页面元素》添加小工具》HTML/JAVASCRIPT....

把这些代码 paste 进去~

 <script>if(typeof jQuery=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</'+'script'+'>')}</script><script>if(!image_urls){var image_urls=Array()}if(!flash_urls){var flash_urls=Array()}image_urls['rain1']="http://2.bp.blogspot.com/-IQXNv-_CBLE/TpWcK7LL4VI/AAAAAAAAG0I/bcxYcqc_uI0/pinkpetal1.png";image_urls['rain2']="http://4.bp.blogspot.com/-teXCIicWPF4/TpWcLLg0A2I/AAAAAAAAG0U/IPPCr1gponc/pinkpetal2.png";image_urls['rain3']="http://3.bp.blogspot.com/-3JG9HLECCRU/TpWcLZGSYtI/AAAAAAAAG0g/zIJINua93TE/redpetal1.png";image_urls['rain4']="http://2.bp.blogspot.com/-BByhQEK5E24/TpWcLux4xRI/AAAAAAAAG0s/x2hIr1AV_Ac/redpetal2.png";$(document).ready(function(){var c=$(window).width();var d=$(window).height();var e=function(a,b){return Math.round(a+(Math.random()*(b-a)))};var f=function(a){setTimeout(function(){a.css({left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100)}).animate({top:(d-10)+'px'},e(7500,8000),function(){$(this).fadeOut('slow',function(){f(a)})})},e(1,8000))};$('<div></div>').attr('id','rainDiv')
.css({position:'fixed',width:(c-20)+'px',height:'1px',left:'0px',top:'-5px',display:'block'}).appendTo('body');for(var i=1;i<=20;i++){var g=$('<img/>').attr('src',image_urls['rain'+e(1,4)])
.css({position:'absolute',left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100),'margin-left':0}).addClass('rainDrop').appendTo('#rainDiv');f(g);g=null};var h=0;var j=0;$(window).resize(function(){c=$(window).width();d=$(window).height()})});</script>
<script>if(typeof jQuery=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</'+'script'+'>')}</script><script>$(document).ready(function(){var a=$('<img>').attr({'src':'http://2.bp.blogspot.com/-IQXNv-_CBLE/TpWcK7LL4VI/AAAAAAAAG0I/bcxYcqc_uI0/pinkpetal1.png','border':0});$('<a></a>').css({position:'absolute',right:'0px',top:'22px','z-index':'90'}).attr({'href':'http://yes-apple.blogspot.com/'}).append(a).appendTo('body')});</script>

保存起来就好了 ^^

22 条评论:

  1. 拿咯!!!谢谢!!!=)

    回复删除
  2. 拿來用了啦~
    不過有沒有其他的??

    回复删除
  3. 欢迎使用~
    暂时还没有别的,如果有我会立刻分享 :)

    回复删除
  4. ✖Mr.Simple+Miss.Simple✖
    不能哦,因为这个花瓣是图片来的~

    回复删除
  5. 谢谢哦,我比较喜欢绿叶,自己更改了^^

    回复删除
  6. 那么请问下..可不可以换别的图片的??

    回复删除
  7. 如果你有别的图片当然可以换啊~

    回复删除
  8. 把里面花瓣的图片网址换成你要的图片网址就行了 :)

    回复删除
  9. 请问要怎样让花瓣掉下来的速度减慢?
    谢谢~=]

    回复删除
  10. 怎样改?可以教我吗?那些他本来有的要怎样弄?

    回复删除

你的留言将在审核后发布。谢谢 ♥