PHP学会网 php培训网 PHP暑期培训 PHP寒假培训 PHP假期培训 » web2.0 » Dhtml实例教程(十一)
本页主题: Dhtml实例教程(十一) 打印 | 加为IE收藏 | 收藏主题 | 上一主题 | 下一主题

admin



该用户目前不在线
级别: 新手上路
精华: 0
发帖: 0
威望: -1 点
金钱: -10 PYMB
贡献值: 0 点
在线时间:0(小时)
注册时间:2005-09-27
最后登录:2007-08-26

Dhtml实例教程(十一)


顶端 Posted: 2005-09-23 14:34 | [楼 主]
admin



该用户目前不在线
级别: 新手上路
精华: 0
发帖: 0
威望: -1 点
金钱: -10 PYMB
贡献值: 0 点
在线时间:0(小时)
注册时间:2005-09-27
最后登录:2007-08-26

Dhtml实例教程(十一)


  今天我们开始使用图像了。图像在网页制作重视非常重要的一部分,如果没有图像,网页将变得很单调乏味。我们这里并不是单纯地用……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()">重 新 开 始




顶端 Posted: 2005-09-23 14:34 | 1 楼
PHP学会网 php培训网 PHP暑期培训 PHP寒假培训 PHP假期培训 » web2.0

时:01-06 21:01 Copyright © 2006 phpwhy.com 权
ICP05060669

曳息 -