您的位置： 文档网所有分类IT/计算机 javascript特效代码

javascript特效代码

第4章 CSS样式特效

课程目标

1、

2、

3、 会使用style样式属性动态改变边框颜色 会使用className类名属性动态改变按钮背景图片 会使用display显示属性实现层或图片的隐藏/显示和切换特效 教学过程

在第3章中，已学习了window对象下一个非常重要的对象——document，使用该对象能控制页面中所有的元素。不过，在第3章中我们使用document对象主要用来控制页面中的层和表单元素，从而实现浮动广告窗口和复选框全选或反选的功能。

本章将介绍另一种比较特别的特效——CSS样式特效。通过定义CSS样式，就可以制作出绚丽多彩的页面。不过为了能动态地改变页面或局部区域的显示外观，还需要学习如何使用Javascript控制CSS样式，也就是CSS样式特效。样式特效非常多，本章主要讲解一些在商业网站中见得比较多的经典的常用的样式特效，如改变按钮背景图片特效，层的显示/隐藏特效、图片的显示/隐藏特效等。下面开始CSS样式特效的制作之旅吧！

4.1、回顾已学的CSS样式表

4.1.1 CSS简介

CSS（Cascading Style Sheet，可译为“层叠样式表”或“级联样式表”）是一组格式设置规则，用于控制Web页面的外观。通过使用CSS样式设置页面的格式，可将页面的内容与表现形式分离。页面内容存放在HTML文档中，而用于定义表现形式的CSS规则则存放在另一个文件中或HTML文档的某一部分，通常为文件头部分。将内容与表现形式分离，不仅可使维护站点的外观更加容易，而且还可以使HTML文档代码更加简练，缩短浏览器的加载时间。简单地说，CSS就是用于设置网页样式的一套规范，他和HTML都是一个共同的组织W3C负责制定和发布的。 4--1

第1页

你可能喜欢

  • 网页特效代码
  • javascript特效
  • Javascript基础教程
  • 常用代码大全
  • JavaScript入门
  • 经典教程
  • JavaScript实例

javascript特效代码的相关文档搜索

javascript特效代码相关文档

最新文档

返回顶部