《基于新信息技术的JavaScript程序设计基础》课件_第9章.pptx

项目9JavaScript改变CSS;

任务1先导知识：CSS选择器和常用属性;

9.1.2CSS的优先级别

下面是优先级逐级增加的选择器列表：

(1)通用选择器(*)。

(2)元素(类型)选择器。

(3)类选择器。

(4)属性选择器。

(5)伪类。

(6)?ID选择器。

(7)内联样式;

9.1.3常用的CSS

文字、背景的CSS属性如表9.1、表9.2所示。;

;

超链接、边框、按钮的CSS属性，如表9.3所示。;

display的CSS属性如表9.4所示。;

任务2?JavaScript改变网页对象的样式;

;

9.2.2改变按钮样式

当鼠标滑过图片按钮时，图片按钮的背景图片变化如图9.2、图9.3所示。;

;

;

9.2.3改变用户登录页面的CSS

实现鼠标滑过页面超链接时，滑过文字字体变大，边框变红色，按钮背景图片变化，效果如图9.4所示。;

;

9.2.4改变显示属性

实现页面中工作地点的选择功能。选择某个城市时，城市按钮上显示这个城市的值，显示效果如图9.5所示。;;

9.2.5图片切换效果

鼠标滑过页面时，对应的选项显示不同的图片。效果如图9.6、图9.7所示。;

;