js图片点击转换

来源：互联网发布：移动宽带看网络电视编辑：程序博客网时间：2024/05/16 10:06

<!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" onclick="text6()">哈哈哈</span>
<br/>
<input type="button" value="点我呀！" class="a1" onclick="text3()"/>
<br/>
<input type="button" value="点我呀！点两下" class="a2" ondblclick="text1

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

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

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

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

阅读全文

0 0