javascript button按钮
想实现一个功能。点击文字“1”后会我指定的区域出现一张图。点击文字“2”后会出现另一张图。点击文字“2”后，文字“1”的图片消失，只出现文字“2”的图片。不管是文字“几”...
想实现一个功能。
点击文字“1”后会我指定的区域出现一张图。点击文字“2”后会出现另一张图。点击文字“2”后，文字“1”的图片消失，只出现文字“2”的图片。不管是文字“几”显示出的图片都在我指定的一个区域或说是一个层里显示。
本人很菜，如果您能实现这个功能，麻烦您在提供下详细的具体参数修改，比如说显示5张，10张，20张图。具体需要改哪里或是要天添加什么内容进去。 展开
点击文字“1”后会我指定的区域出现一张图。点击文字“2”后会出现另一张图。点击文字“2”后，文字“1”的图片消失，只出现文字“2”的图片。不管是文字“几”显示出的图片都在我指定的一个区域或说是一个层里显示。
本人很菜，如果您能实现这个功能，麻烦您在提供下详细的具体参数修改，比如说显示5张，10张，20张图。具体需要改哪里或是要天添加什么内容进去。 展开
4个回答
展开全部
先实现了这个功能：
如果有需要可以留言给我
测试的时候记得要将这里面的图片路径替换成您自己的图片路径》
<html>
<head>
<title>测试</title>
</head>
<body MS_POSITIONING="GridLayout">
<script type=text/javascript >
function getObi(num)
{
if(num==1)
{
document.getElementById("mydiv").innerHTML="<img src='11020080604141132494.jpg' alt='第一张图片'/>";
}
if(num==2)
{
document.getElementById("mydiv").innerHTML="<img src='index9.jpg' alt='第二张图片'/>";
}
if(num==3)
{
document.getElementById("mydiv").innerHTML="<img src='new13.jpg' alt='第三张图片'/>";
}
if(num==4)
{
document.getElementById("mydiv").innerHTML="<img src='222.gif' alt='第四张图片'/>";
}
}
</script>
<form id="Form1" method="post" runat="server">
<div id="mydiv" align=center>
<img src="12.gif" alt="默认的图片"/>
</div>
<center> <a href="#" onclick="getObi('1')">1</a> <a href="#" onclick="getObi('2')">2</a> <a href="#" onclick="getObi('3')">3</a> <a href="#" onclick="getObi('4')">4</a></center>
</form>
</body>
</html>
一般做开发的时候要用循环来做，也要做成动态的。
如果有需要可以留言给我
测试的时候记得要将这里面的图片路径替换成您自己的图片路径》
<html>
<head>
<title>测试</title>
</head>
<body MS_POSITIONING="GridLayout">
<script type=text/javascript >
function getObi(num)
{
if(num==1)
{
document.getElementById("mydiv").innerHTML="<img src='11020080604141132494.jpg' alt='第一张图片'/>";
}
if(num==2)
{
document.getElementById("mydiv").innerHTML="<img src='index9.jpg' alt='第二张图片'/>";
}
if(num==3)
{
document.getElementById("mydiv").innerHTML="<img src='new13.jpg' alt='第三张图片'/>";
}
if(num==4)
{
document.getElementById("mydiv").innerHTML="<img src='222.gif' alt='第四张图片'/>";
}
}
</script>
<form id="Form1" method="post" runat="server">
<div id="mydiv" align=center>
<img src="12.gif" alt="默认的图片"/>
</div>
<center> <a href="#" onclick="getObi('1')">1</a> <a href="#" onclick="getObi('2')">2</a> <a href="#" onclick="getObi('3')">3</a> <a href="#" onclick="getObi('4')">4</a></center>
</form>
</body>
</html>
一般做开发的时候要用循环来做，也要做成动态的。
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script language="JavaScript">
function S(o,n,t,s){
for(g=1;g<=n;g++){
document.all("t_"+o+"_"+g).className="Icon_4";
document.all("s_"+o+"_"+g).className="Icon_02";
}
if(s.className=="Icon_01"){
t.className="Icon_4";
s.className="Icon_02";
}
else{
t.className="Icon_2";
s.className="Icon_01";
}
}
</script>
<div id=divline></div>
<div Class=Icon_1> </div>
<div Class=Icon_2 onclick="S(0,3,t_0_1,s_0_1)" id=t_0_1><span class=F14bold>显示图1</span></div>
<div Class=Icon_3> </div>
<div Class=Icon_4 onclick="S(0,3,t_0_2,s_0_2)" id=t_0_2><span class=F14bold>显示图2</span></div>
<div Class=Icon_3> </div>
<div Class=Icon_4 onclick="S(0,3,t_0_3,s_0_3)" id=t_0_3><span class=F14bold>显示图3</span></div>
<div Class=Icon_6> </div>
<div Class=Icon_01 id=s_0_1>图1</div>
<div Class=Icon_02 id=s_0_2>图2</div>
<div Class=Icon_02 id=s_0_3>图3</div>
function S(o,n,t,s){
for(g=1;g<=n;g++){
document.all("t_"+o+"_"+g).className="Icon_4";
document.all("s_"+o+"_"+g).className="Icon_02";
}
if(s.className=="Icon_01"){
t.className="Icon_4";
s.className="Icon_02";
}
else{
t.className="Icon_2";
s.className="Icon_01";
}
}
</script>
<div id=divline></div>
<div Class=Icon_1> </div>
<div Class=Icon_2 onclick="S(0,3,t_0_1,s_0_1)" id=t_0_1><span class=F14bold>显示图1</span></div>
<div Class=Icon_3> </div>
<div Class=Icon_4 onclick="S(0,3,t_0_2,s_0_2)" id=t_0_2><span class=F14bold>显示图2</span></div>
<div Class=Icon_3> </div>
<div Class=Icon_4 onclick="S(0,3,t_0_3,s_0_3)" id=t_0_3><span class=F14bold>显示图3</span></div>
<div Class=Icon_6> </div>
<div Class=Icon_01 id=s_0_1>图1</div>
<div Class=Icon_02 id=s_0_2>图2</div>
<div Class=Icon_02 id=s_0_3>图3</div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
o
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这个不就是腾讯图片新闻首页的那个效果吗？
你到那个页面源码上就能扣到你要的js代码
你到那个页面源码上就能扣到你要的js代码
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
