HTML 比如有3张图片 一个按钮 点击一个图片再点击按钮实现左右互换?

如题所述

第1个回答  2012-04-05
这个需要用JS来实现,建议采用jQuery来实现
第2个回答  2012-04-09
<html>
<head>
<title>—层的切换—</title>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
width:84px;
height:23px;
z-index:1;
left: 13px;
top: 16px;
display:none;
}
#Layer2 {
position:absolute;
width:34px;
height:17px;
z-index:1;
left: 32px;
top: 18px;
}
-->
</style>
</head>
<script>
function show(){
document.getElementById("Layer1").style.display="block";
}
function show1(){
document.getElementById("Layer1").style.display="none";
}

</script>

<body>
<img src="back1.jpg" width="82" height="23" onClick="show()">
<div id="Layer1" onClick="show1()"><img src="back2.jpg" width="82" height="23"></div>

<div id="Layer2" ><font color="#FF0000">登录</font></div>
</body>
</html>本回答被提问者和网友采纳

html中如何让图片自动切换?
3、首先,打开html编辑器,创建一个新的html文件,例如index.html,然后引入jquery,如下图所示。其次,完成上述步骤后,在index.html的script标记中,输入下图红框中的jquery代码,如下图所示。4、点击按钮,你可以在按钮上写个点击事件,默认当前为true点击后就变为falsevara=ture;点击后a=a!;一个...

求问大神 html5怎么让几张图片在一个位置来回移动呀 鼠标移到某一张图 ...
先定位图片-->定时图片切换-->加上按钮执行点击切换-->鼠标移入图片范围时停止切换,离开时接着切换

3张图片,javascript实现点击图片更换下一张
else img[i].style.display="none";if(num==3) img[0].style.display="inline"; \/\/这里的数字3需要与下面html中的最后一个保持一致 } } html代码:<div id="img_box"> <img src="1.jpg" onclick="changeImg(0)" style="display:inline;"\/> <img src="2.jpg" onclick="change...

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页面,此时点击图片会换一张图片。

html点击按钮时切换图片的代码是什么?
html点击按钮时切换图片的代码如下:<script src="http:\/\/libs.baidu.com\/jquery\/2.1.4\/jquery.min.js"><\/script> <style> hello{width:108px;height:108px;border:1px solid #369;overflow:hidden;margin:auto;} word{margin:auto;width:136px;} <\/style> <div id="hello"> <img src="...

HTML如何做到点击按钮弹出一张图片?
这个可以使用js来帮助完成,给三个不同的按钮都绑定点击事件,对应另外三个div,每个div里面使用img标签引入一张图片(或者做成div的背景也行),三个div的外层再套一个div,用来做遮罩层,开始的时候所有div都隐藏,当点击某一个按钮的时候,遮罩层显示,里面对应的一个div显示,其他两个隐藏,这样就行...

...如何实现点击一个按钮 div框从右→左,再点击按钮 div框从刚刚的位置...
3、在test.html文件内,设置div标签的id属性为mytext,主要用于下面通过该id获得div对象。4、在test.html文件内,使用button标签创建一个按钮,按钮名称为“切换内容”。5、在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行func()函数。6、在js标签中,创建func()函数,在...

Axure如何实现点击按钮,图片切换(如图)
1、在Axure工作界面中,建立一个按钮开关和一个图片元件。2、双击图片元件将图片拖入到这里来,然后对图片可以调整下位置、大小设置。3、选择左侧的按钮开关,打开右侧属性标签中的鼠标点击时状态。4、双击打开属性设置区,在这里的元件下,找到显示\/隐藏设置。5、作用的对象为刚才设置的图片元件,然后选择...

html点击一个按钮,跳转到当前页面的另一个指定位置!这样的代码怎么写...
1、打开Dreamweaver,新建html页面;2、创建成功后,会显示默认html网页模板代码;3、在<head><\/head>中加入这样一行代码:<meta http-equiv="refresh" content="0.1;url=\/en"> 4、其中,数值0.1是代表跳转时间为0.1秒,我们可以根据需求修改跳转时间的长短;“\/en”代表要跳转到的目标目录;5、...

jquery点击一个事件更换图片,在点击更换回来
}ul.stars li{ display:block; float:left; padding:0 4px; cursor:pointer;}ul.stars li img{ display:block; width:30px; height:30px;}ul.stars li img.full{ display:none;}ul.stars li.on img.empty{ display:none;}ul.stars li.on img.full{ display:block;}<\/style><script>$(...

相似回答