博客特效之背景动画雨滴(转帖)
将下面代码复制,然后粘贴到自定义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页的背景可以透过应用程序的所有透明部分显示出来。
<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动画的地址,可以将其成其它类型的雨滴,如下:
embed可以用来插入各种多媒体,格式可以是 Midi、Wav、AIFF、AU、MP3、flash动画等等,Netscape及新版的IE 都支持。url为音频或视频文件及其路径,可以是相对路径或绝对路径。
定义样式,“
这个简单了吧,指定flash动画的地址,可以是相对路径或绝对路径。
指定动画的宽度和高度,可以根据自己的需要进行修改。
指定元素(文件)类型,即flash。
参数"Transparent",使HTML页的背景可以透过应用程序的所有透明部分显示出来。