加入收藏 | 设为首页 | 关于本站 | RSS订阅
站内搜
您当前的位置:首页 > 电脑学院 > 常用软件 > Dreamweaver

用Dreamweaver实现飘浮光球特效

时间:2008-11-07 01:04:28  来源:千龙新闻网  作者:刘雄伟

    大家都知道,Dreamweaver是一款专业的网页设计工具,提供了许多方便、实用的功能,使得以前许多网页效果的实现从繁琐的代码中解脱出来,只要轻点鼠标即可实现。其中为网页图像增添特效就是其具有特色的功能之一,利用它可以为图像添加诸如阴影、运动、波浪、及淡入淡出等特效。这种特效不会增加图像的大小,当然也不会影响其下载速度。其具体的实现方法如下:

1、在Dreamweaver编辑窗口中,点击菜单命令“Window/Css Styles”打开样式浮动面板,在浮动面板中点击右键菜单中的“New Style”选项或者点击右下角带“+”的按钮,打开新增样式对话框(如图1),在“Name”栏中输入新增特效名称,并选择Type的第一个选项:“Make custom style”,然后点击“OK”按钮,并在出现的保存对话框中输入文件名保存样式文件。


图1 填上特效名称

2、在随即出现的样式定义设置对话框中,选择Category列表框中的最后一项“Extensions”选项(如图2),打开扩展窗口参数设置窗口,其中“Page Break”选项用于设置样式应用前后的位置,可以不予设置,而“Visual Effect”下的“Cursor”则用于自定义鼠标指针形状,“Filter”用于选择效果的类型,共有16个选项。用户选择好效果类型以后,将其中有问号的地方改成自己希望的参数,点击“OK”即完成样式的定义。


图2 选择设置参数

3、击菜单“Insert/Image”打开图片,选择对话框插入希望应用特效的图像,然后在编辑窗口中选中该图像,并点击样式浮动面板中刚才创建的样式,按下“F12”键,在浏览器中即可看到特效显示的最终效果。如图3即为Filter类型为“Wave”,参数为:“Add=1,Freq=6,LightStrength=20,Phase=8,Strength=15”的样式在图片上应用以后的效果对比。


图3 最终效果

4、如果用户应用后对效果不很满意的话,可以在样式浮动面板中点击快捷菜单中“Edit”选项,重新打开样式定义窗口进行参数设置,直到满意为止。


相关文章
·自己动手用Dreamweaer制作活动菜单条 ·使用Dreamweaver便捷技巧方法十六则
·用Dreamweaver设计限时自动关闭网页 ·使用Dreamweaver MX表格排序功能
·用Dreamweaver制作活动菜单条 ·用Dreamweaver MX创造网页鼠标样式
·巧用Dreamweaver MX设计导航栏特效 ·巧用Dreamweaver MX制作阴影字
·巧用Dreamweaver MX控制页面元素 ·妙用DreamweaverMX共享WPS Office文件
发表评论 共有 条评论
用户名: 验证码: 匿名发表
阅读排行
  1. Dreamweaver实现flash透明背景
  2. DreamWeaver超级技巧(中)
  3. DreamWeaver超级技巧(下)
  4. Dreamweaver滑动菜单的制作
  5. 在页面内加入日期
  6. 一种细腻的导航效果的制作方法
热门软件
推荐新闻
图片新闻
谷歌天气预报悄悄开始收费 官方回应是故障
谷歌天气预报悄悄开
囧!Google街景地图拍到有人在街头小便
囧!Google街景地图
9岁印度女孩成最年轻微软认证专家
9岁印度女孩成最年轻
IE欧洲市场占有率跌破60%
IE欧洲市场占有率跌

关于本站 | 广告服务 | 版权声明 | 业务合作 | 联系我们 | 网站地图 
Copyright? 中国电脑急网_CNPC120.COM All Rights Reserved 沪ICP备05050967