<!DOCTYPE html>
<html>
<body>
<img id="image" src="111.png" οnmοusedοwn="secound(this)" οnmοuseup="first(this)">
<button οnclick="change()">点击换图片</button>
<script>
function change() {
var x = document.getElementById("image").getAttribute("src");
if (x=="111.png"){
document.getElementById("image").src="222.png";
}
else{
document.getElementById("image").src="111.png";
}
//alert(x);
}
function secound(obj){
obj.src="222.png";
console.log(obj.getAttribute("src"));
}
function first(obj){
obj.src="111.png";
console.log(obj.getAttribute("src"));
}
</script>
</body>
</html>
这里是我们的图片
页面效果:
http://shuaishuaicloud.cn/4444.mp4
(我的腾讯云主机) 可能到2018 6 就不能用了那时我已毕业
http://shuaishuaicloud.cn/4444.mp4
(我的腾讯云主机) 可能到2018 6 就不能用了那时我已毕业