您的位置: 首页 >> 新闻中心 >> 计算机 >> 设计制作
Flash对联广告及关闭按钮的制作
■ 最新课程推荐更多课程>>
学校培训课程开课时间上课地点精英价报名
北 师 大 平面设计创意全科班电话预约北京师范大学¥1300
理工文化 平面设计取证班电话预约理工大学教学¥1078
金 同 方 CAD绘图全天班电话预约人大总部¥568
金 同 方 苹果平面设计全天班电话预约人大总部¥960
理工文化 平面设计提高班电话预约理工大学教学¥2891

 去过那样广告比较多的网站吗?虽然我们都不愿意看广告,但是它们做广告的技术我们却应该学到手,这不,又一种很流行的做法儿,做成那种两边对称的对联式的广告,而最醒目的地方还有一个关闭的小按扭,这是不是比弹出的小广告更让人容易接受一些呢,你愿意看就看,不愿意看就点击那个按扭关掉,的确是比那种被人家3721或是其它IE插件拦截掉的小弹出广告效果和功能好了许多,而那个对联式广告中的关闭按扭的制作也是有一点学问的。我们姑且不论如何制作对联Flash广告,而主要讲一下那个广告里的小X(关闭按扭)的代码,以及和外部的接合。具体步骤如下: 画一个小X式的图形,这应该不难吧?全部选中后,按下F8键转化成一个“按扭”组件,点击选中这个小按扭后,按下F9键打开动作面板,添加以下代码:
on (release)
{
getURL("FSCommand:", "");
}

  就这么简单吗?对,在Flash里就是这么简单了,当然,还要在网页里做以下工作。 这里我们多运用一些JavaScript的东西来做我们这个代码块儿移植性很好的对联。 全部代码如下:
<!-- 对联开始 -->
<SCRIPT language=JavaScript event=FSCommand() for=dl>
duilian2.style.visibility='hidden';
duilian3.style.visibility='hidden';
</SCRIPT>

<SCRIPT language=JavaScript>
function winload()
{
duilian2.style.top=20;
duilian2.style.left=5;
duilian3.style.top=20;
duilian3.style.right=5;
}
//if(document.body.offsetWidth>800){
{
document.write("<div id=duilian2 style='position: absolute;visibility:visible;z-index:1'><EMBED src='/images/banner.swf' quality=high WIDTH=100 HEIGHT=300 TYPE='application/x-shockwave-flash' id=dl></EMBED></div>"
+"<div id=duilian3 style='position: absolute;visibility:visible;z-index:1'><EMBED src='/images/banner.swf' quality=high WIDTH=100 HEIGHT=300 TYPE='application/x-shockwave-flash' id=dl></EMBED></div>");
}
winload()
//}
</SCRIPT>
<!-- 对联结束 -->

  整个这一部分包含了两段JS代码块,从第一个看以看出是设置当对联Flash中发生事件眯FSCommand()时duilian2和duilian3的visibility(可见)属性为hidden(隐藏)。 而第二段JS就是插入对联广告以及设置了一下对联在浏览器窗口中所出现的位置。把上边那段代码,插入到任何网页的之间,然后把那个对联Flash拷贝到和那网页同目录下,浏览就可以看到了,怎么样,是不是又感觉学会了一招儿?

下一篇:用Fireworks也能为照片做精美边框

  如何用Fireworks为照片做精美边框?自己试了个,大家也可以试试别的效果。

  1、导入一张图片,添加蒙版

  2、画一椭圆路径,边缘羽化20

  3、将椭圆路径剪切到蒙版上(将椭圆 ctrl+x 剪切,选择蒙版 ctrl+v 粘贴)

  4、画一环行路径(比位图...[查看详情]

  影视动画培训   北大BEC培训官方报名网站   2008美国夏令营启航官方指定报名网站   2008留学第一站!  
  北师大 火星时代
共举影视动画培训之鼎
  北大BEC培训官方报名网站
现在报名独享93折!
  2008美国夏令营启航!
美之旅官方报名网站
  2008留学第一站
留学资讯尽在精英留学站!
 
上一篇:位图转矢量图有哪些方法和技巧?
下一篇:用Fireworks也能为照片做精美边框
 相关新闻
·巧妙用文字给你设计的网页“注入情感”·卡通漫画动作设计的主要风格类型
·Creative Suite3中文版7月开发布会·Adobe ColdFusion 8 Beta 公开发布
·Adobe正式停止开发FreeHand 19年寿命终结·Photoshop概念命令总体说明
·Photoshop辅助线与标尺应用技巧·Photoshop常用快捷键大放送
·Flash技巧代码:播放进度控制·Dreamweaver网页制作技巧:使用模板
·DreamweaverASP实现分页技术·玩转Dreamweaver8:CSS层叠样式表
·玩转 Dreamweaver8.0:速记 CSS 属性·只有八行代码的动态自适应文本框
·透明的flash是这样制作出来的·用Fireworks也能为照片做精美边框
 
◇ 重点栏目导航
◇ 精英服务承诺
教育顾问:010-51660910
QQ交流:138660910
相关资料
·用Photoshop制作逼真自然背景
·PhotoShop帮助Maya巧建模
·道字桌面的仿书法制造
·用Coreldraw绘制美丽国画荷花
·如何配色?无论新手老手,读下这篇文章相
·天使翅膀的制作
·Photoshop制作无缝贴图:Action动作集总
·photoshop学习方法总结
·学好平面设计的好方法
·[艺术设计专题]企业VI系统的简介和工作步
相关试题
·CEAC平面设计师考证之Photoshop考试试题
·你会吗 Adobe Photoshop 认证试题一
·武汉理工大学2003年艺术设计学院平面设计
·你会吗 Adobe Photoshop 认证试题三
·你会吗 Adobe Photoshop 认证试题二
相关热贴
·想学设计课啊,哪位帮我推荐一下~~
·制作个人简历九大标准
·给年轻设计师的十大忠告
·平面设计人员必读 (速读版)
·oracle下导出某用户所有表的方法
·计算机个人简历(英语)
·浅谈计算机课件制作
·一张图透彻讲解Photoshop蒙版
·Delphi中数据的自动录入
·Java与C和C++的比较