热点:

    JS点击按钮切换图片

      [   原创  ]   作者:
    收藏文章 暂无评论

    在JavaScript中,为图片设置id属性后获取其对象,再通过修改width和height属性的数值,即可调整图片尺寸。接下来通过实例进行具体说明。

    1、 创建一个名为test.html的文件,通过该文件演示JavaScript实现点击按钮更换图片的功能。

    2、 在test.html中用img标签插入一张图片以进行测试。

    3、 在test.html中,将img标签的id属性设置为myImage。

    4、 在test.html中,通过button标签创建按钮,并为其添加onclick点击事件,当用户点击按钮时,将触发并执行handle()函数。

    5、 在JavaScript标签中定义handle函数,通过getElementById方法根据id获取图片元素,然后将新的图片路径赋值给该元素的src属性,从而实现图片的更换效果。

    6、 用浏览器打开test.html,点击按钮即可查看运行结果。

    7、 创建一个img标签并设置其id为myImage,用于显示图片。

    soft.zol.com.cn true https://soft.zol.com.cn/1148/11484298.html report 694 在JavaScript中,为图片设置id属性后获取其对象,再通过修改width和height属性的数值,即可调整图片尺寸。接下来通过实例进行具体说明。 1、 创建一个名为test.html的文件,通过该文件演示JavaScript实现点击按钮更换图片的功能。 2、 在test.html中用img标签插入一张图...
    不喜欢(0) 点个赞(0)
    随时随地资讯查报价 就上ZOL手机客户端,点击或扫描二维码下载
    立即下载

    网页按钮制作工具(Liatro Button Maker)

    更新时间:2011年10月30日

    用户评分:0 | 0人点评

    软件类型:共享软件

    软件语言:英文

    网页按钮制作工具(Liatro Button Maker)
    • 更新时间:2011年10月30日
    • 软件大小:2.3MB
    • 软件分类:图标工具
    • 语言种类:英文
    • 软件评级:0 人点评