Javascript教程 显示和隐藏图片

 时间:2026-04-28 02:38:41

1、新建一个 Display.html 文件,如图所示:

Javascript教程 显示和隐藏图片

2、输入 <!DOCTYPE html> 作用:使用html5的标准,如图所示:

Javascript教程 显示和隐藏图片

3、输入网页结构的头部和主体,设置title为:显示和隐藏图片,如图所示:

Javascript教程 显示和隐藏图片

4、使用img标签,导入一张图片,代码如图所示:

Javascript教程 显示和隐藏图片

5、使用 input 标签制作两个按钮,作用分别是显示和隐藏,如图所示:

Javascript教程 显示和隐藏图片

6、定义两个js函数,作用:用于显示或隐藏图片,如图所示:

Javascript教程 显示和隐藏图片

  • CSS中font-family有什么作用?
  • HTML表单教程 多选项的详解
  • HTML5 audio标签的使用方法
  • Flash游戏开发:[1]怎么编写代码
  • jquery跳转页面的方法
  • 热门搜索
    长春大学旅游学院教务系统 鸡汤怎么炖最有营养 监控录像怎么回放 德尔菲法的特点 天然气表怎么偷气 梦幻西游手游怎么在电脑上玩 电脑c盘哪些文件可以删除 黄河壶口瀑布旅游攻略 腰围怎么换算 什么可以美白牙齿