js图片点击转换

最新推荐文章于 2023-08-08 00:14:46 发布

Dorry_x

最新推荐文章于 2023-08-08 00:14:46 发布

阅读量388

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/Dorry_x/article/details/74937235

版权

js 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
.a1{
width:200px;
height:100px;
background-color:#FCF;
border:1px solid #F0F;
color:#00F;
font-size:50px;
}
.a2{
width:400px;
height:100px;
background-color:#FCF;
border:1px solid #F0F;
color:#00F;
font-size:50px;
}
</style>
<script>
function text(){
for(var i=0;i<10;i++){
document.write("hhhh");
document.write("<br/>");
}
}
function text1(){
alert("你输了");
}
function text2(){
alert(confirm("好几个接口"));
}
function text3(){
prompt("你是猪吗？");
}
function text4(){
var i=document.getElementById("name");
alert(i.id+i.value);
// alert(i.value);
}
function text5(){
var i=document.getElementById("img2");
i.src="3.jpg";
alert(i.src);
alert(i.id);
}
function text6(){
var a=document.getElementById("span1");
a.innerHTML="<br/><img src='2.jpg'/>";
alert("hhhh");
}
function text7(){
var b=document.getElementById("span1").innerHTML;
b="<br/><img src='1.jpg'/>";
}
var x=0;
function text8(){

var c=document.getElementById("img4");
c.src=(++x%3+1)+".jpg";
}
function text9(y){

alert(y);
}

</script>

</head>

<body>
<div align="center">
<span id="span1" οnclick="text6()">哈哈哈</span>
<br/>
<input type="button" value="点我呀！" class="a1" οnclick="text3()"/>
<br/>
<input type="button" value="点我呀！点两下" class="a2" οndblclick="text1

()"/>
<br/>
<input type="button" value="点我呀！点两下" id="name" class="a2"

οnclick="text4()"/>
<br/>
<img src="3.jpg" id="img2" οnclick="text5()" title="222"/>
<br/>
<img src="1.jpg" id="img3" οnclick="text9(this.src)"

style="height:300px;width:300px" title="222"/>
<br/>
<img src="1.jpg" id="img4" οnclick="text8()"

style="height:300px;width:300px" title="222"/>
</div>
</body>
</html>