博客特效之背景动画雨滴(转帖)

将下面代码复制,然后粘贴到自定义html里,就可以给你的背景添加下雨效果(加上后会有本页面同样效果),代码(蓝色部分)如下: 
<EMBED style="LEFT: -40px; POSITION: absolute; TOP: -70px" src="http://hexun.com/flash/yu_2.swf" width="1024" height="1000" type="application/x-shockwave-flash" quality="high" wmode="transparent"></EMBED>
  其中红色部分为flash动画的地址,可以将其成其它类型的雨滴,如下:
  http://hexun.com/flash/yu_1.swf
  http://hexun.com/flash/yu_3.swf
  http://hexun.com/flash/yu_4.swf
  代码解释:
  <EMBED>scr=url</EMBED>
  embed可以用来插入各种多媒体,格式可以是 Midi、Wav、AIFF、AU、MP3、flash动画等等,Netscape及新版的IE 都支持。url为音频或视频文件及其路径,可以是相对路径或绝对路径。
  style="LEFT: -40px; POSITION: absolute; TOP: -70px"
  定义样式,“POSITION: absolute;”设置此属性值为 absolute 会将对象拖离出正常的文档流绝对定位而不考虑它周围内容的布局。假如其他具有不同 z-index 属性的对象已经占据了给定的位置,他们之间不会相互影响,而会在同一位置层叠。此时对象不具有外补丁( margin ),但仍有内补丁( padding )和边框( border )。 要激活对象的绝对(absolute)定位,必须指定left,right,top,bottom 属性中的至少一个,并且设置此属性值为 absolute 。否则上述属性会使用他们的默认值auto ,这将导致对象遵从正常的HTML布局规则,在前一个对象之后立即被呈递。 其中LEFT和TOP是动画离左边和项部的距离,可以根据自己的需要进行设定。
  src="http://hexun.com/flash/yu_2.swf"
  这个简单了吧,指定flash动画的地址,可以是相对路径或绝对路径。
  width="1024" height="1000"
  指定动画的宽度和高度,可以根据自己的需要进行修改。
  type="application/x-shockwave-flash"
  指定元素(文件)类型,即flash。
  quality="high"
  高品质。
  wmode="transparent"
  参数"Transparent",使HTML页的背景可以透过应用程序的所有透明部分显示出来。
posted @ 2011-09-03 20:22  gxldan  阅读(345)  评论(0编辑  收藏  举报