HTML怎么设置点击一张图片换一张图片

如题所述

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础代码。

2、在index.html中的<script>标签,输入js代码:

function fun() {

var a = Math.random() * 5;

$('img').attr('src', 'image' + a + '.jpg');

}

3、浏览器运行index.html页面,此时点击图片会换一张图片。

温馨提示:内容为网友见解,仅供参考
第1个回答  2016-11-01

html:

<span><img src="picture/banner02.jpg" /></span>

默认显示的图片为banner02.jpg;下面用jq的click事件来触发更换图片。其jq代码如下:

$("span").click(function(){
    var src = "picture/banner03.jpg";    //新图片地址
    $(this).find("img").attr("src",src);    //更换图片地址
});

本回答被网友采纳
第2个回答  2016-10-31
设置图片的点击事件,在点击事件中修改图片的src属性
相似回答