怎样让h5的图片在下面显示出来

html-css025

怎样让h5的图片在下面显示出来,第1张

1、首先在test.html文件内，在p标签，使用img标签创建一个图片，并设置图片的id为myimg，主要用于下面通过该id获得img对象，在test.html文件内，设置img标签的css样式，将display设置为none，从而实现图片隐藏不显示。

2、其次在test.html文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行disimg（）函数，在js标签中，创建disimg（）函数，在函数内，通过id（myimg）获得img对象，使用fadeIn（）方法让图片逐渐显示出来，例如，设置图片在5秒内逐渐显示出来。

3、最后在浏览器打开test.html文件，点击按钮，查看实现的效果。

图片默认为内联元素，可以设置图片为块级元素，然后直接写文字就可以在图片下方了。

举例：

img{ display:block}HTML代码：

<img src="图片路径" />这里是测试文字，可以在图片下方。