加载中…
个人资料
一缕阳光
一缕阳光
  • 博客等级:
  • 博客积分:0
  • 博客访问:501,452
  • 关注人气:38
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
相关博文
推荐博文
谁看过这篇博文
加载中…
正文 字体大小:

在博客中添加透明FLASH特效(代码及操作)

(2006-07-18 20:11:18)
分类: FLASH制作

  制作完FLASH,就要为它们在网上安个家,只有网上的地址才能被网页读取并解释。不要怕繁琐,申请免费个人空间就行,有了个人空间可以往里面存放很多私人的“物品”,很过瘾!

  打开百度网址http://www.baidu.com/,键入搜索关键字:免费个人空间申请,或免费个人主页申请,就能找到很多相关信息,为节约时间,提供几个有效的网址:

  http://www.91free.net/    免费资源大全

  http://www.xinwen365.com/   目前还可申请(扩容,已暂停)

  http://web.hn8868.com/index.asp  目前还可申请(扩容,已暂停)

  提示:注册时一定要记住用户名及密码

 

  注册成功后,就可以上传制作好的FLASH文件了,一般将扩展名是.swf的文件上传到网络空间,扩展名为.fla的文件务必自己保留(保护产权)

  上传完成后打开FLASH文件(即让它试运行一下),记录(或复制)地址栏中的地址,这个就是下面代码中要用到的FLASH网址。
 

所有准备工作完成后,登录自己的博客
  ①单击控制面板—首页内容维护—自定义空白面板”中新建一个自定义空白面板(也可以利用已有自定义空白面板进行“新增” )
  ②填写好面板标题(如“我的flash” ),在面板简介中勾选“显示源代码”,粘贴如下代码并保存

<CENTER><EMBED style="LEFT: 400px; POSITION: absolute; TOP:10px" align=right src="FLASH的网址" width=550 height=400 type=application/x-shockwave-flash wmode="transparent" quality="high" ;></CENTER>
 
提示:“SWF文件网址”就是刚才记录(或复制)下来的地址,也可以替换为在网上查到的FLASH动画网址;width,height两属性为flash动画的宽高,LEFT和TOP是FLASH中网页中的左边界和上边界,是定位用的,可以根据需要自行修改。
  ③到“定制我的首页”里选取这个面板并保存设置。
 
如果自己不想制作,可利用现存的FLASH素材,比如以下地址
(只作抛砖引玉,会了以后就能寻找更佳的素材)
http://imgfree.21cn.com/free/flash/9.swf   蓝色蝴蝶
http://imgfree.21cn.com/free/flash/10.swf  竖条箭头
http://imgfree.21cn.com/free/flash/11.swf  宽窄竖条
http://imgfree.21cn.com/free/flash/12.swf  左右晃动的竖条(宽、窄)
http://imgfree.21cn.com/free/flash/13.swf  黑色背景旋转轮盘
http://imgfree.21cn.com/free/flash/14.swf  蝌蚪旋转、随鼠标的白色光团
http://imgfree.21cn.com/free/flash/15.swf  黑色背景绿色飘带幻影
http://imgfree.21cn.com/free/flash/16.swf  黑色背景飞星闪闪
http://imgfree.21cn.com/free/flash/159.swf 
星云
以上网址从1.swf到160.swf的FLASH均可使用,自己玩着试试,总有一款适合你.
http://file2.flash8.net/2004up/fla/8/3/2004831139337831.swf闪光的礼花
http://zqbbs.netsh.com/usr/12/12_631_14.swf 灰色背景小花瓣
http://www.forshine.net/flash/71.swf        白色背景小绿叶
http://wanruo.jahee.com/jpsc/flash2/057.swf 黑色背景白色飘带
http://imgfree.21cn.com/free/flash/16.swf   黄色背景飞舞的白色小星星
http://mailimg-fs.hanmail.net/fl/effect/19/e-fall2.swf黄色背景飘舞的红叶(此款设置width和height分别为600,450或1000,750否则有黑边,然后将left值设小,如10px)
http://display.lizhimi.com/IMAGES/Bird.swf  蓝色背景海鸥
 
 
为方便初学者使用,特制作图示如下(在已登录的情况下,单击控制面板进入):

在博客中添加透明FLASH特效(代码及操作)

在博客中添加透明FLASH特效(代码及操作)

在博客中添加透明FLASH特效(代码及操作)

在博客中添加透明FLASH特效(代码及操作)

在博客中添加透明FLASH特效(代码及操作)

此处最关键:在添加代码前必须把显示源代码前的复选框选中(即打勾),再添加代码。

由于图片上的代码无法被拷贝,故把代码写在这里,请自己添加进代码框。注意FLASH网址和后面width之间的空格,如果操作都正确,却不能在页面上看到FLASH,多数是这个原因;还有另一个原因是单击保存后返回,还必须把新建的模板通过下面的图示添加,保存设置后才能看到效果。

<CENTER><EMBED style="LEFT: 400px; POSITION: absolute; TOP:10px" align=right src="http://www.forshine.net/flash/71.swf" width=550 height=400 type=application/x-shockwave-flash wmode="transparent" quality="high" ;></CENTER>

在博客中添加透明FLASH特效(代码及操作)

在博客中添加透明FLASH特效(代码及操作)

在博客中添加透明FLASH特效(代码及操作)

在博客中添加透明FLASH特效(代码及操作)

在博客中添加透明FLASH特效(代码及操作)

在博客中添加透明FLASH特效(代码及操作)


如果要在文章中插入Flash,可用以下方式
  ①登录新浪博客 ;
  ②打开或发表一篇文章 ;
  ③勾上显示源代码后,将以下代码加入所有代码后即可放入你想放置的Flash动画;
代码:
<P align=center><EMBED pluginspage=http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash src="swf文件网址" width=480px height=400px type=application/x-shockwave-flash quality="high"></P>


提示:1)放在文章的FLASH的width最好设在500px及以下。

   2)代码中的width代表宽,height代表高,left为左边界,top是上边界,可以根据需要自行调整.
   3)以下代码可让透明FLASH随着你拉动滚动条,而跟随着上下移动!需要时你还可以用这组代码.添加方式同上,记得把实际特效地址添进去.
<DIV>&nbsp;</DIV><DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT: expression_r(eval_r(document.body.scrollLeft)+eval_r(document.body.clientWidth)-980); BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression_r(eval_r(document.body.scrollTop)+eval_r(document.body.clientHeight)-500); TEXT-ALIGN: center">
<TABLE cellSpacing=0 cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD>
<EMBED style="LEFT: 0px; POSITION: absolute; TOP: -200px" align=right src=这里覆盖特效地址 width=950 height=680 type=application/x-shockwave-flash wmode="transparent" quality="high" ;></EMBED></TD></TR></TBODY></TABLE></DIV>
 
备案代码:

一、添加背景音乐(适合单首歌曲),也是在自定义面板中新建面板(假设标题为:我的mp3)添加如下
代码一:
<div align=center><embed style="filter:invert();width:180px;height:50px"src="音乐网址" type=audio/mpeg loop="true" showstatusbar="1"></div>

在博客中添加透明FLASH特效(代码及操作)

背景音乐代码一  效果图
 
 
代码二: 
<object id=videowindow1 width=180 height=179 classid="CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6">
<param name=URL value=歌曲链接地址>
<param name=AUTOSTART value=0></object>
在博客中添加透明FLASH特效(代码及操作)
音乐代码二  效果图

提示:音乐网址很多,可以进入百度的mp3搜索喜欢的歌,试听时右击网址,选择属性,复制下歌曲的网址,添加到代码src=后面 
例如:
 
注:设置多首歌曲的播放器请参照《使用新浪播放器实现多首歌曲的自动播放效果~》
 
 
 
二、滚动的公告栏,方法同上,代码如下:
<DIV align=center><FONT color=black size=3>公告</FONT></DIV>
<DIV style="OVERFLOW: auto; WIDTH: 200px; HEIGHT: 160px">
<MARQUEE class=p131 scrollAmount=1 scrollDelay=60
 direction=up nmouseover="this.stop()" nmouseout="this.start ()">
 <FONT color=orange size=3>
欢迎各位小憩和交流<br>
让我们记录点点滴滴<br>
分享快乐的,甜蜜的,<br>
忧伤的,郁闷的.....<br>
敞开心灵让阳光透进来<br>
 </FONT></MARQUEE></DIV>
 
三、添加天气预报   方法同上,代码一如下:
<IFRAME ID='ifm2' WIDTH='180' HEIGHT='190' ALIGN='CENTER' MARGINWIDTH='0' MARGINHEIGHT='0' HSPACE='0' VSPACE='0' FRAMEBORDER='0' SCROLLING='NO' SRC='http://weather.qq.com/inc/ss255.htm'></IFRAME>

在博客中添加透明FLASH特效(代码及操作)

天气预报代码一  效果图
 
说明:这种代码的优点是城市可以自定,ss255.htm是杭州的城市编码,记得更换成自己的城市编码:
ss28.htm 乌鲁木齐  ss232.htm 桂林 ss69.htm 呼和浩特 ss295.htm 南宁
ss218.htm 长沙  ss287.htm 厦门  ss292.htm 广州  ss82.htm 石家庄
ss125.htm 北京  ss150.htm 拉萨  ss166.htm 成都  ss103.htm 长春
ss296.htm 深圳  ss303.htm 海口  ss211.htm 武汉  ss276.htm 福州
ss2.htm 澳门   ss280.htm 台北  ss244.htm 南京  ss252.htm 上海
ss179.htm 昆明  ss227.htm 贵阳  ss189.htm 郑州  ss140.htm 济南
ss56.htm 西宁   ss212.htm 重庆  ss78.htm 银川  ss248.htm 合肥
ss264.htm 南昌   ss1.htm 香港  ss186.htm 西安  ss115.htm 沈阳
ss84.htm 太原   ss57.htm 兰州  ss17.htm 哈尔滨  ss127.htm 天津
 
代码二如下:
<iframe src="http://www.tianqi123.com/small_page/chengshi_2250.html" width=160 height=248 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no align=center id=url></iframe>
在博客中添加透明FLASH特效(代码及操作)
天气预报代码二   效果图
 
说明:第二款代码的优点是城市可以由网站为你制定,进入以下网址http://www.tianqi123.com/main/small_page.html
输入所在城市名称,并单击[预览并生成天气预报代码]按钮,生成代码后,将代码复制到自定义面板的有效目录下即可
 
 
后记:7.18 没时间了,今天赶工完成这篇,很怕一搁就会忘了,先补完全吧。
   要感谢八度威间及很多博友贡献的博客技巧,有你们,我们才能进步!
   7.20  补完操作,祝各位顺利!
   7.22  补完效果图。好了,这一程就送各位到这里,学会了在BLOG插入代码后,很多东东可以自己设置。其它想要的代码网上都有,实在不行,请留下需要的代码名称,如果能帮得上你,会在一周后集中回复!
   7.29  将鼠标及挂件等代码上传到BLOG,因已满一万字,就放在另一篇文章中,需要请点击《博客技巧精粹》    

0

阅读 评论 收藏 转载 喜欢 打印举报/Report
前一篇:要忙碌了
  • 评论加载中,请稍候...
发评论

    发评论

    以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

    < 前一篇要忙碌了
      

    新浪BLOG意见反馈留言板 电话:4000520066 提示音后按1键(按当地市话标准计费) 欢迎批评指正

    新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 会员注册 | 产品答疑

    新浪公司 版权所有