网站建设 | 网站设计 | 商务 | 资讯 | 知识 | 课堂 | 短信 | 健康 | 游戏 | 搜索 | 社区 | 热点 | 博客 | 鲜花 | 留学
建站知识 | 企业品牌 | 标志设计 | 网络营销 | 网站优化 | 企业营销 | 宣传 | 动画 | 建站 | 推广 | 制作 | 招聘
关于七彩 | 联系我们 | 画册 | 商机 | 教程 | 建网站 | 多媒体 | 宣传片 | FLASH | 情人节 | 祝福语 | 毛尖茶
服务中心 建立网站 建站方案 网页设计 网站建设 网站改版 网站推广 客户案例
七彩课堂教程
平面设计教程
网页设计教程
网页制作教程
网站建设教程
网站推广教程
网站运营教程
广告设计教程
网络知识教程
网页标准教程
Asp.Net教程
Dreamweaver
动画制作教程
合作支持
英国留学 | 工艺品 | 商标注册 | Spa水疗设备 | 卓迈国际 | 打包带 | 杭州鲜花 | 搞笑短信 | 情人节鲜花 | Nike Shoes
课堂快速通道
网页设计: 01 02 03 04
平面设计: 01 02 03 04
网站推广: 01 02 03 04
网站建设: 01 02 03 04
网页制作: 01 02 03 04
动画教程: 01 02 03 04
建站知识: 01 02 03 04
>>>> 查看更多
七彩课堂[网页设计教程系列]
   
实现网页Flash图片幻灯特效
轻松实现网页Flash图片幻灯特效

  不少朋友注意到,ENet、新浪、搜狐等各大网站纷纷使用了一组图片幻灯的Flash 特效,它能够将新闻图片以幻灯片的方式循环放映出来,还带有非常漂亮的切换效果,点击图片就能进入相应的页面,这样不仅节约了宝贵的网页版面,还能使页面充满动感。这种效果是怎么实现的呢?下面我就来介绍给大家。
   网页图片幻灯特效分析:
   不少朋友想发扬"拿来主义"的作风,把特效代码直接用到自己的网页上,但是在查看源文件时却发现这组特效是用Flash来实现的,于是就放弃了。如果仔细分析一下源文件,就不难发现Flash仅仅是一个特效"外壳",具有实际意义的图片、链接和文字说明其实都是载入的外部变量。在拿到这个Flash文件之后,想实现网页图片幻灯特效,要做的仅仅是修改这些变量。
   图片幻灯特效的制作:
   第一步:下载演示文件并解压,可以看到index.htm、pixviewer.swf、pixviewer.fla三个文件和几幅演示图片。其中要修改的就是网页文件index.htm,pixviewer.swf是实现特效的Flash文件,pixviewer.fla为Flash的源文件,感兴趣的朋友可以研究一下。
   第二步:用Dreamweaver或记事本打开网页文件,可以看到内嵌的Java脚本中定义了如下变量:
var focus_width=250 // 图片宽度
var focus_height=190 // 图片高度
var text_height=23 // 文字部分的高度
var swf_height = focus_height+text_height // 总高度
var pics='1.jpg 2.jpg 3.jpg'
var links='1.jpg 2.jpg 3.jpg'
var texts='星海湾夜景 海上日出 贝壳博物馆'
   "pic"变量中指定了欲载入的图片,这里使用了相对路径,如果用绝对路径,那就一定要改成"http://edu.qicaispace.com/UploadFiles_1485/200611/20061114204033193.jpg"的形式,各图片路径用" "隔开,但是图片的数量最多不能超过六个;"links"和"texts"则分别定义了图片的链接地址和图片的名称,修改的方法与"pic"变量相同,不再赘述。
   第三步:接下来设定文字部分的背景颜色。在第二个"document.write(' ')"中找到,修改"value"的值就行了。
   现在,在浏览器中打开index.htm,就能看到精美的Flash图片幻灯特效了,在这里图片不仅能够循环播放,浏览者而且还能点击编号,直接跳转到相应的图片,非常方便!

七彩课堂推荐教程
网页设计|七彩资讯|MTV欣赏|幽默动画|网站赚钱|祝福短信|搞笑短信|春节祝福|爱情短信|情人短信|节日来历
七彩社区|鲜花联盟|平面设计|广告设计|CSS教程|ASP教程|职场|诚信|企业|商务|采购|加盟|供应|信息库
家庭医生|心理|纤体|育儿|耳鸣|中医|癌症|Google|AdSense|English|祝福|短信|网站地图|加入收藏
2005 -2007© Copyright QicaiSpace.com All rights receand. [七彩空间专业建网站做网站].
电话/TEL: 13396526989  传真/FAX: 0571 -- 63136250    E-mail: art01@163.com