用JavaScript进行图片的切换怎么做?
我这里写了代码的，但就是不行！所以麻烦各位帮我改哈！<html><head><metahttp-equiv="Content-Type"content="text/htm...
我这里写了代码的 ，但就是不行！所以麻烦各位帮我改哈！
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript" language="javascript">
function $(id){
return document.getElementById(id);
}
function init(){
$("job2").style.display = "none";
$("jianli1").style.display = "none";
$("resumtab").style.display = "none";
}
function TabChange(show,hidden){
$(show+"1").style.display="none";
$(show+"2").style.display="block";
$(hidden+"2").style.display="none";
$(hidden+"1").style.display="block";
$(hidden+"tab").style.display="block";
$(show+"tab").style.display="none";
}
</script>
</head>
<body onLoad="javascript:init();">
<img src="../images/logo.jpg">
<table align="center">
<tr>
<td>
<img src="../images/job1.jpg" id="job1" onMouseOver="javascript:TabChange('job','jianli');">
<img src="../images/job2.jpg" id="job2"></td>
<td rowspan="2">
<img src="../images/jobtab.jpg" id="jobtab">
<img src="../images/resumtab.jpg" id="resumtab">
</td>
</tr>
<tr>
<td>
<img src="../images/resum1.jpg" id="jianli1" onMouseOver="javascript:TabChange('jianli','job');">
<img src="../images/resum2.jpg" id="jianli2"></td>
</tr>
</table>
</body>
</html>
如果大家有需要，分数不是问题哈！
请大家帮帮忙哈 展开
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript" language="javascript">
function $(id){
return document.getElementById(id);
}
function init(){
$("job2").style.display = "none";
$("jianli1").style.display = "none";
$("resumtab").style.display = "none";
}
function TabChange(show,hidden){
$(show+"1").style.display="none";
$(show+"2").style.display="block";
$(hidden+"2").style.display="none";
$(hidden+"1").style.display="block";
$(hidden+"tab").style.display="block";
$(show+"tab").style.display="none";
}
</script>
</head>
<body onLoad="javascript:init();">
<img src="../images/logo.jpg">
<table align="center">
<tr>
<td>
<img src="../images/job1.jpg" id="job1" onMouseOver="javascript:TabChange('job','jianli');">
<img src="../images/job2.jpg" id="job2"></td>
<td rowspan="2">
<img src="../images/jobtab.jpg" id="jobtab">
<img src="../images/resumtab.jpg" id="resumtab">
</td>
</tr>
<tr>
<td>
<img src="../images/resum1.jpg" id="jianli1" onMouseOver="javascript:TabChange('jianli','job');">
<img src="../images/resum2.jpg" id="jianli2"></td>
</tr>
</table>
</body>
</html>
如果大家有需要，分数不是问题哈！
请大家帮帮忙哈 展开
7个回答
展开全部
你用的jQuery么？可以这样，举个例子
$("#img1").attr("src","xxxx/yyyy.jpg");
具体选择器选的是哪个标签，自己根据自己需求更改选择器
$("#img1").attr("src","xxxx/yyyy.jpg");
具体选择器选的是哪个标签，自己根据自己需求更改选择器
更多追问追答
追问
不是 我用的JavaScript，是静态的，然后我的目的只是让他两张图片能进行切换，效果我发了上来 你看哈要怎么解决嘛！
追答
那你通过标签的src去更改呗，比如document.getElementById("img1").src="xxxx/yyyy.jpg";
你不是要切换tab的效果么，把那两张图片一换就行了
function changeImg(tabId){
这里判断下tabId，是选择的哪个tab，然后通过更改标签的src属性，更改地址
}
img标签绑定onclick="javascript:changeImg(tabId)";这里传个tabId，区别你点击的tab
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script type="text/javascript">
var b = 1;
function defr(){
if(2 > 1){
for(i=0;i<2;i++){
if(i == b){
document.getElementById('der'+i).style.display=''; }else{
document.getElementById('der'+i).style.display='none';
}
}
b++;
if(b>=2){
b= 0;
}
}
}
setInterval(defr,7000);
</script>
<div id="portfolio">
<div style="display:" id="der0">
<img src="../../pic/dao/car/1276421224.jpg" width="267" height="560" /></div>
<div style="display:none" id="der1"><img src="../../pic/dao/car/1276421250.jpg" width="267" height="560" /></div>
</div>
var b = 1;
function defr(){
if(2 > 1){
for(i=0;i<2;i++){
if(i == b){
document.getElementById('der'+i).style.display=''; }else{
document.getElementById('der'+i).style.display='none';
}
}
b++;
if(b>=2){
b= 0;
}
}
}
setInterval(defr,7000);
</script>
<div id="portfolio">
<div style="display:" id="der0">
<img src="../../pic/dao/car/1276421224.jpg" width="267" height="560" /></div>
<div style="display:none" id="der1"><img src="../../pic/dao/car/1276421250.jpg" width="267" height="560" /></div>
</div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
只要点击按钮 切换一下div就可以啦。不知道LZ具体想实现什么。 把东西全放进div里面。然后float一下。其中一个设为默认以藏。点一下显示一个隐藏另一个...
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script type='text/javascript'>
alimama_pid='mm_26823756_0_0';
alimama_type='g';
alimama_tks={};
alimama_tks.style_i=1;
alimama_tks.lg_i=1;
alimama_tks.w_i=572;
alimama_tks.h_i=69;
alimama_tks.btn_i=1;
alimama_tks.txt_s='';
alimama_tks.hot_i=1;
alimama_tks.hc_c='#0065FF';
alimama_tks.c_i=1;
alimama_tks.cid_i=0;
</script>
<script type='text/javascript' src='http://a.alimama.cn/inf.js'></script>
alimama_pid='mm_26823756_0_0';
alimama_type='g';
alimama_tks={};
alimama_tks.style_i=1;
alimama_tks.lg_i=1;
alimama_tks.w_i=572;
alimama_tks.h_i=69;
alimama_tks.btn_i=1;
alimama_tks.txt_s='';
alimama_tks.hot_i=1;
alimama_tks.hc_c='#0065FF';
alimama_tks.c_i=1;
alimama_tks.cid_i=0;
</script>
<script type='text/javascript' src='http://a.alimama.cn/inf.js'></script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
试试这个图片轮播
有12345数字一起切换
有小图大图一起切换
里面有教程和源码
参考资料： http://www.blueidea.com/common/shoutbox/redir.asp?5=t&id=11341
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你可以利用Javascript的定时功能，每隔几秒执行一次，从一个存放url的数组中取出图片的url，把这个url改成 页面上img元素的 src属性 就好了
追问
我要做成这种效果的啊！不是你说的那种！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（5）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
