网站特效应用与实例

第1章 CSS应用特效 1

1．1 CSS样式单的定义 2

1．2 CSS的控制属性 3

1．3 CSS的使用 9

1．4 CSS样式单的应用特效 10

1．4．1 用CSS控制带有边框的按钮 11

1．4．2 书写源代码设置文字的CSS属性 11

1．4．3 运用Dreamweaver设置文字的CSS属性 16

1．4．4 CSS滤镜特效 20

第2章 表格应用特效 25

2．1 表格应用特效一 26

2．2 表格应用特效二 28

2．3 表格应用特效三 31

2．4 表格应用特效四 33

第3章 表单的应用特效 37

3．1 表单特效一 38

3．2 表单特效二 40

3．3 表单特效三 42

3．4 表单特效四 46

3．5 表单特效五 48

第4章 菜单特效编辑 53

4．1 隐藏菜单 54

4．1．1 隐藏菜单一 54

4．1．2 隐藏菜单二 57

4．1．2 隐藏菜单三 60

4．1．2 隐藏菜单四 62

4．2．1 弹出菜单一 68

4．2 弹出菜单 68

4．2．2 弹出菜单二 73

4．2．3 弹出菜单三 76

4．2．4 弹出菜单四 81

4．3 导航菜单的特色变换 89

4．4 文字菜单的动态文字说明 91

第5章 鼠标特效 95

5．1 跟随鼠标的蝴蝶 96

5．2 跟随鼠标的星星 99

5．3 随着鼠标运动的缤纷色块 107

5．3．1 效果一 107

5．3．2 效果二 111

5．4 跟随鼠标的雪花 116

5．5 鼠标感应图片浏览器 120

5．6 在页面中显示鼠标位置 123

5．7 跟随鼠标的文字 124

第6章 按钮特效 129

6．1 变色按钮 130

6．2 跑马灯按钮 131

6．3 跑马灯式样的栏目指南 133

6．4 循环显示的动态链接按钮一 137

6．5 循环显示的动态链接按钮二 141

第7章 图像编辑特效 145

7．1 感应鼠标图片变亮 146

7．2 循环移动的图片 147

7．3 随意飘动的图片 150

7．4 漫天飞舞的图片 154

7．5 图片变换的特殊效果 157

7．6 图像感应鼠标放大 160

第8章 文字动态特效 163

8．1 文字颜色跑马灯 164

8．2 文字转换的特殊效果 167

8．3 渐显和渐隐的上移文字 170

8．4 上下不停弹跳的文字 179

8．5 旋转文字 182

8．6 飞出的文字 185

第9章 JavaScript特效 203

9．1 在页面上显示日期和时间 204

9．1．1 显示当前日期和时间 204

9．1．2 倒计时 207

9．1．3 分时问候 209

9．1．4 停留时间 210

9．2 跑马灯效果 212

9．2．1 页面中的跑马灯 212

9．2．2 状态栏中的跑马灯 214

9．3 移动文字效果 216

9．3．1 设置文字移动方向 217

9．3．2 设置文字移动方式 218

9．3．3 设置文字的底色 219

9．3．4 设置移动文字所在底图的面积 220

9．3．5 小结 222

9．4 滚动字幕 222

9．4．1 放在固定位置的滚动字幕 222

9．4．2 放在任意位置的滚动字幕 224

9．5 利用JavaScript制作移动的浮动层 227

9．6 利用JavaScript制作随机移动的动画 231

第10章 Flash动画特效 237

10．1 Flash5的工作环境 238

10．2 舞台效果的文字 239

10．2．1 制作要点 240

10．2．2 操作步骤 240

10．3 落入水中的树叶 257

第11章 图像设计特效 277

11．1 导航栏的设计 278

11．1．1 FM365网站导航栏的设计 278

11．1．2 今夜网导航栏的设计 283

11．1．3 网易聊天室导航栏图片的设计 286

11．2．1 中公网页面按钮的制作 292

11．2 小图片的设计 292

11．2．2 中华医药港栏目边框的制作 294

11．2．3 FM365栏目边框的制作 296

11．2．4 中远集团网站图片设计 300

11．2．5 Q点网站小图片的设计 302

第12章 常用的小技巧 307

12．1 将自己的主页设置为默认主页 308

12．2 为你的网站加入搜索功能 308

12．3 上传和宣传你的个人主页 309

12．4 为你的主页设置计数器 310

12．4．1 第一种计数器 310

12．4．2 第二种计数器 311

12．2．3 第三种计数器 311

12．2．4 其他类似的计数器提供商 313