编写一个HTML页面，页面中包含：1）一个文本段落，2）一个图片，3）一个按钮。 编写代码实现如下功能：1）
编写代码实现如下功能：1）鼠标移到文本段落上时，文本改变颜色。2）点击按钮时，图片变换为另一图片。要用javascript...
编写代码实现如下功能：1）鼠标移到文本段落上时，文本改变颜色。2）点击按钮时，图片变换为另一图片。
要用javascript 展开
要用javascript 展开
2个回答
展开全部
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>demo</title>
</head>
<style type="text/css">
.text{
color:#F00;
cursor:pointer;
}
.text:hover {
color:#0F0;
}
</style>
<script type="text/javascript" charset="utf-8">
var flag=1;
function changePic () {
var img=document.getElementById('img');
if(flag>0){
img.src="3.jpg";
flag=-flag;
}else{
img.src="2.jpg";
flag=-flag;
}
}
</script>
<body>
<p class="text">
这里是文本区域,鼠标放上,会改变颜色,鼠标移开,恢复原样;
</p>
<div>
<div>这里是图片区域</div>
<button onclick="changePic()">点击按钮,更换图片</button>
<br />
<img id="img" src="2.jpg" />
</div>
</body>
</html>
上面这些,大概就可以了吧
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>demo</title>
</head>
<style type="text/css">
.text{
color:#F00;
cursor:pointer;
}
.text:hover {
color:#0F0;
}
</style>
<script type="text/javascript" charset="utf-8">
var flag=1;
function changePic () {
var img=document.getElementById('img');
if(flag>0){
img.src="3.jpg";
flag=-flag;
}else{
img.src="2.jpg";
flag=-flag;
}
}
</script>
<body>
<p class="text">
这里是文本区域,鼠标放上,会改变颜色,鼠标移开,恢复原样;
</p>
<div>
<div>这里是图片区域</div>
<button onclick="changePic()">点击按钮,更换图片</button>
<br />
<img id="img" src="2.jpg" />
</div>
</body>
</html>
上面这些,大概就可以了吧
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
12 1
追问
？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
