| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 393 人关注过本帖
标题:JS厉害的进
只看楼主 加入收藏
秦随枫落
Rank: 1
等 级:新手上路
帖 子:63
专家分:0
注 册:2007-3-7
结帖率:100%
收藏
 问题点数:0 回复次数:3 
JS厉害的进

怎么做一个:
一个下拉菜单,里面有几个可以选择的,选择一个,旁边会变一个图片,而且那图片还可以链接的 怎么做啊 大哥们

搜索更多相关主题的帖子: 图片 大哥 而且 
2007-03-12 22:32
阳光白雪
Rank: 7Rank: 7Rank: 7
等 级:贵宾
威 望:39
帖 子:2220
专家分:0
注 册:2005-11-18
收藏
得分:0 

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>图片切换</title>
<script language="javascript">
function changePic(value){
document.getElementById("Image").src = value;
document.getElementById("href").href = value;
}
</script>
</head>

<body>
<select name="select" onChange="changePic(this.options[this.selectedIndex].value);">
<option value="http://bbs.bc-cn.net/UploadFace/129498.jpg">图片一</option>
<option value="http://bbs.bc-cn.net/Images/userface/image1.jpg">图片二</option>
<option value="http://bbs.bc-cn.net/UploadFace/12078.gif">图片三</option>
<option value="http://bbs.bc-cn.net/UploadFace/23789.jpg">图片四</option>
</select>
<BR><BR>
<a href="http://bbs.bc-cn.net/UploadFace/129498.jpg" id="href" target="_blank"><img src="http://bbs.bc-cn.net/UploadFace/129498.jpg" id="Image" width="120" height="120" border="0"></a>
</body>
</html>

[此贴子已经被作者于2007-3-13 8:17:58编辑过]


专注于WEB前端交互平台开发:[url=http://blog./]blog.[/url](富客户端技术(RIA)交流平台)
2007-03-13 08:17
秦随枫落
Rank: 1
等 级:新手上路
帖 子:63
专家分:0
注 册:2007-3-7
收藏
得分:0 
大哥 意思是这样没错 但图片链接过去是个网页 而不是一张图啊 怎么改改

不懂就问得彻底点~!@#$#$$$%$
2007-03-14 20:14
islet
Rank: 12Rank: 12Rank: 12
等 级:贵宾
威 望:89
帖 子:6548
专家分:0
注 册:2005-1-28
收藏
得分:0 
回复:(秦随枫落)大哥 意思是这样没错 但图片链接过...
[CODE]<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>图片切换</title>
<script language="javascript">
var u=new Array();
u[0]=new Array("http://bbs.bc-cn.net/aaa/asplogo1.gif","http://bbs.bc-cn.net?boardID=10");
u[1]=new Array("http://bbs.bc-cn.net/aaa/phplogo.gif","http://bbs.bc-cn.net?boardID=13");
u[2]=new Array("http://bbs.bc-cn.net/aaa/aspxlogo.gif","http://bbs.bc-cn.net?boardID=113");
u[3]=new Array("http://bbs.bc-cn.net/aaa/sqlserverlogo.gif","http://bbs.bc-cn.net?boardID=24");
function changePic(value){
if(value!=""){
document.getElementById("Image").src = u[value][0];
document.getElementById("href").href = u[value][1];
}
}
</script>
</head><body>
<select name="select" onChange="changePic(this.value);">
<option value="0">asp论坛</option>
<option value="1">php论坛</option>
<option value="2">asp.net论坛</option>
<option value="3">SqlServer论坛</option>
</select>
<BR><BR>
<a href="http://bbs.bc-cn.net?boardID=10" id="href" target="_blank"><img src="http://bbs.bc-cn.net/aaa/asplogo1.gif" id="Image" border="0"></a>
</body>
</html>
[/CODE]
2007-03-15 08:42
快速回复:JS厉害的进
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.013324 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved