今天我们开始使用图像了。图像在网页制作重视非常重要的一部分,如果没有图像,网页将变得很单调乏味。我们这里并不是单纯地用

Html标志在网页中嵌入图像,而是要使图像具有动态性。例15是一个比较简单的例子,关键是改变

Html标志中的src属性。
例15 动态改变图像
DHtml举例15
在下边图形上移动鼠标可以改变图象

(注意:此例中的图像文件保存在与该HTML文档相同的目录下,因为HTML可以使用相对目录,所以src属性后边直接跟图像的文件名)
下边我们结合上一个教程中使用过的innerHTML属性和insertAdjacentHTML方法来动态改变页面。例16是一道选择题,当您选择正确时会显示“笑脸”图像,而当您选择错误时将会显示“愁眉苦脸”图像。
例16 一道动态的选择题
DHtml举例16
98-99赛季欧洲冠军杯得主是哪支球队(请用鼠标点击选择项):
onclick="ImgAppear('bad.gif')">多 特 蒙 德 队 onclick="ImgAppear('bad.gif')">尤 文 图 斯 队 onclick="ImgAppear('good.gif')">曼 彻 斯 特 联 队 onclick="ImgAppear('bad.gif')">皇 家 马 德 里 队 onclick="ImgAppear('bad.gif')">巴 塞 罗 那 队 onclick="Start()">重 新 开 始
|
|