广告广告
  加入我的最爱 设为首页 风格修改
首页 首尾
 手机版   订阅   地图  繁体 
您是第 2875 个阅读者
 
发表文章 发表投票 回覆文章
  可列印版   加为IE收藏   收藏主题   上一主题 | 下一主题   
keigo
个人头像
个人文章 个人相簿 个人日记 个人地图
初露锋芒
级别: 初露锋芒 该用户目前不上站
推文 x0 鲜花 x71
分享: 转寄此文章 Facebook Plurk Twitter 复制连结到剪贴簿 转换为繁体 转换为简体 载入图片
推文 x0
[JScript][教学] 网页也有动画快递
有在用MSN的朋友一定都知道有动画快递这种功能,有些动画快递也蛮KUSO的。其实这些动画说穿了大多只是swf档,不过靠着swf中的动画就能让人有新奇的感觉,既然是swf档的话,那网页中当然也能播放啰。
先来看范例好了:http://abgne.myweb.hinet....008_1.html

嘿嘿~是不是很神奇啊!做法很简单,让我们先来看Body内的Code:




我先放了六张图,并在每张图内加了个onClick的Event,当图片被Click时就会触发show()函式,并把图片的src当参数使用。还有一个DIV是用来放我们要播放的动画使用的。

接着就是本篇的重点了:




先说一下我网页中那六张图片跟swf档的命名关系好了,图片名称依序是WPW0017602.png、WPW0032102.png、WPW0035102.png、WPW0016902.png、WPW0026202.png、WPW0015C02.png,swf名称依序是WPW0017602.swf、WPW0032102.swf、WPW0035102.swf、WPW0016902.swf、WPW0026202.swf、WPW0015C02.swf,有没有发现图片跟相对应的swf名称都一样,只是差在副档名的不同,酱命名是有用意的,等等当我解说JavsScript时就知道了。

在show()函式中有个参数src,这是当图片被Click触发show()函式时,所一起传入的参数,也就是图片的src位置。现在我们要播放的swf,所以要得知swf的存放路径才行,若我们把图片跟swf存放在同一空间目录的话,那两者差别就只是副档名了,所以现在新增了一个swfSrc的变数来存放从参数src第一字元到‧为止(含)中间的字串并加上"swf"即可。

现在我们已经有swf的路径了,再来就是产生一个能播放swf的元件EMBED,并设定它的宽高及显示的位置。EMBED的宽高是以整个Body中目前工作区域中的宽高为准,位置是以整个Body中目前卷轴左端跟顶端为准。

若在wmode设定中选择「transparent(透名)」,是让 Flash 影片的背景在支援透明功能的浏览器中消失。

OK~到这边应该都没什么问题吧!小小的技巧就能做到让人惊奇的效果了。有人会想说,那如果要让进来到这网页时就自动出现动画快递要怎么改呢?

其实只要在Body载入完时呼叫show()函式就可以了,这部份请自己看下面的范例吧!




范例浏览

http://abgne.myweb.hinet....008_1.html

http://abgne.myweb.hinet....008_2.html

以上内容于2005/09/27发表在小弟的Blog里http://blog.xuite.net/abgne/diary1/4038654


[ 此文章被keigo在2005-10-31 14:32重新编辑 ]



欢迎各位参观小弟的Blog男丁格尔's 脱壳玩
献花 x0 回到顶端 [楼 主] From:台湾台湾索尼 | Posted:2005-09-27 17:30 |

首页  发表文章 发表投票 回覆文章
Powered by PHPWind v1.3.6
Copyright © 2003-04 PHPWind
Processed in 0.063246 second(s),query:15 Gzip disabled
本站由 瀛睿律师事务所 担任常年法律顾问 | 免责声明 | 本网站已依台湾网站内容分级规定处理 | 连络我们 | 访客留言