精彩网页动画制作百例

目 录






第一篇　鼠标动画K1

实例1　如影随形的关爱眼神K2

实例2　为北京喝彩K5

实例3　跟着鼠标飞的小天使K10

实例4　太阳鼠标——日出K14

实例5　跟随鼠标的时钟K17

实例6　情人节的眼泪K23

实例7　鱼饵鼠标——鼠标移动图片K27

实例8　跟随鼠标打秋千的小球K30

实例9　鼠标与艺术体操——彩球K35

实例10　风中的蒲公英K39

实例11　三束光串扫过鼠标K44

实例12　跟随鼠标的六合桩K48

实例13　跟随鼠标的一群蜜蜂K52

实例14　攻击鼠标K56

实例15　围绕鼠标的一串流星K59

实例16　跟随鼠标的一串红心K64



第二篇　图形动画K69

实例17　凌波仙子——随波浪隐现的女孩K70

实例18　三维空间中幻化出眼睛K75

实例19　神奇的光影K79

实例20　洋葱皮(OnionSkin)特效K83

实例21　心跳的梦幻感觉——迎面扑来的红心K87

实例22　鬼火K92

实例23　拖尾巴的火炬接力——祝北京申奥成功K96

实例24　经典的透明旋转地球K100

实例25　水中的涟漪K105

实例26　飞机在云层上爆炸K108

实例27　玩呼啦圈的女孩K111

实例28　图片循环显现K115

实例29　图片响应鼠标变换K117

实例30　图片雪花渐变出现K119

实例31　图画轮流向上滚动显示K120

实例32　花间一壶酒,对影成三人K124

实例33　钻石菱形的切换K128

实例34　图像的窥探动态效果K131

实例35　超酷的图形钟表K135

实例36　画面消隐渐变K141

实例37　模拟跳舞女孩K142

实例38　超酷Flash滚动公告栏——管中窥天K144

实例39　冲击波效果K149

实例40　透明的翻页K153

实例41　浮在页面上的图片K156



第三篇　窗口背景动画K159

实例42　窗帘式打开页面的特效K160

实例43　提示栏形式的隐现说明窗口K162

实例44　背景向下移动K164

实例45　附加小窗口逐渐展开K166

实例46　礼花背景K167

实例47　发抖的窗口K171

实例48　页面下沉抖动效果K172



第四篇　菜单按钮动画K175

实例49　浮在页面上的导航菜单K176

实例50　翻滚的导航菜单K178

实例51　仿文字超链接变化的图片超链接K181

实例52　爆炸下拉菜单K183

实例53　光晕按钮K186

实例54　电话拨号盘式按钮K190

实例55　自动隐现的图形菜单——如同东方快车K194

实例56　涟漪幻化的导航条K196

实例57　有趣的超链接——热烈欢迎K201

实例58　文件夹式动态菜单K203

实例59　时间按钮K206

实例60　隐现全部下拉式导航菜单K209

实例61　隐现导航菜单K213

实例62　不停变化的导航按钮K216



第五篇　系统综合动画K221

实例63　标准日历K222

实例64　闪烁的图片边框K223

实例65　液晶电子表K226

实例66　屏幕上飘动的图片K229

实例67　有阴影效果的电子表K234

实例68　极酷的状态栏效果显示K237

实例69　飘出片片雪花的鼠标K239

实例70　三维球体碰撞现象K243



第六篇　文字动画K249

实例71　夜空探照灯文字K250

实例72　翻滚旋转文字K255

实例73　照亮边缘的立体文字K259

实例74　动态波浪文字效果K263

实例75　颜色连续变化的滚动公告牌K265

实例76　仿屏幕保护文字K274

实例77　火焰文字K276

实例78　文字和影子一起运动K279

实例79　文字爆炸效果K282

实例80　动态闪现的彩虹探照灯文字K286

实例81　文字完全爆炸效果K291

实例82　镶嵌在按钮表面的立体文字K294

实例83　涟漪幻化成的文字K297

实例84　很酷的文字幻影过渡K302

实例85　文字从小变大出现K305

实例86　洋葱皮文字K308

实例87　飞舞的动态文字K312

实例88　动态螺旋闪现的彩色文字K317

实例89　字符漫天飞舞K320

实例90　轮流冲向屏幕的文字K326

实例91　水波式切换动态文字导航框K328

实例92　在空间旋转的文字K333

实例93　扭曲的文字K335

实例94　飞行的小夜曲K338

实例95　动态螺旋闪现的彩色文字K342

实例96　彩色闪烁文字K345

实例97　激光金属文字K348

实例98　流动的颜色K352

实例99　风中的文字K355

实例100　梦幻闪现的文字K359



附录K363



附录A　超文本标记语言HTML与动态超文本标记语言DHTMLK364

A.1　HTML与DHTML的区别和联系K364

A.1.1　IE4.0提供的DHTML功能K364

A.1.2　Netscape4.0提供的DHTML功能K365

A.2　超文本标记语言HTML的全局结构K365



附录B　Flash5的Action简表K366



附录C　Flash5的几个应用技巧K376

C.1　Flash的全屏技术K376

C.1.1　不用浏览器直接用Flash播放器播放K376

C.1.2　在非Flash播放器(如IE)中运行K376

C.2　桌面新概念——Flash妙用K377

C.3　如何在网页中插入Flash动画K377

C.3.1　用Dreamweaver网页编辑软件K377

C.3.2　利用AftershockK377

C.3.3　直接插入HTML代码K378



附录D　CSS样式表单K378

D.1　CSS样式表单K378

D.2　建立CSS样式表单K379

D.3　层叠样式单的设置位置K379

D.3.1　外部文件方式K380

D.3.2　内部文档头方式K380

D.3.3　直接插入式K380

D.4　创建并引用CSS样式类K381

D.4.1　样式类的建立K381

D.4.2　样式类的引用K382

D.5　字体属性K382

D.5.1　字体族科K382

D.5.2　字体风格K383

D.5.3　字体变形K383

D.5.4　字体加粗K383

D.5.5　字体大小K384

D.5.6　字体K384

D.6　字体与文本属性K384

D.7　颜色与图像属性K387

D.8　边框属性K389

D.9　CSS滤镜K391

D.9.1　CSS滤镜属性的使用对象K391

D.9.2　CSS滤镜属性的效果K392

D.9.3　CSS滤镜的使用方法K392



附录E　三维立体文字特效工具UleadCool3D3.0入门K395

E.1　UleadCool3D的特点K395

E.2　UleadCool3D的应用K395