首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

.回复

2012-03-28 
求高手指教.........在线等回复我现在做个图片焦点切换,用js来写代码如下:!DOCTYPEhtmlPUBLIC-//W3C//DT

求高手指教.........在线等回复
我现在做个图片焦点切换,用js来写  
代码如下:

<!DOCTYPE   html   PUBLIC   "-//W3C//DTD   XHTML   1.0   Transitional//EN "   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html   xmlns= "http://www.w3.org/1999/xhtml ">
<head>
<meta   http-equiv= "Content-Type "   content= "text/html;   charset=gb2312 "   />
<title> 焦点切换 </title>
<script   language= "JavaScript "   type= "text/JavaScript ">
var   img_1   =   new   Image();
img_1.src   =   "F:\焦点切换\页签小图2\页签小图2\bg_4.gif ";
var   img_2   =   new   Image();
img_2.src   =   "F:\焦点切换\页签小图2\页签小图2\cj_1.gif ";
var   img_3   =   new   Image();
img_3.src   =   "F:\焦点切换\页签小图2\页签小图2\cj_2.gif ";
var   img_4   =   new   Image();
img_4.src   =   "F:\焦点切换\页签小图2\页签小图2\cq_1.gif ";
var   img_5   =   new   Image();
img_5.src   =   "F:\焦点切换\页签小图2\页签小图2\cq_2.gif ";
var   img_6   =   new   Image();
img_6.src   =   "F:\焦点切换\页签小图2\页签小图2\cs_1.gif ";
var   img_7   =   new   Image();
img_7.src   =   "F:\焦点切换\页签小图2\页签小图2\cs_2.gif ";
var   img_8   =   new   Image();
img_8.src   =   "F:\焦点切换\页签小图2\页签小图2\dj_1.gif ";
var   img_9   =   new   Image();
img_9.src   =   "F:\焦点切换\页签小图2\页签小图2\dj_2.gif ";
var   img_a   =   new   Image();
img_a.src   =   "F:\焦点切换\页签小图2\页签小图2\sc_1.gif ";
var   img_b   =   new   Image();
img_b.src   =   "F:\焦点切换\页签小图2\页签小图2\sc_2.gif ";
var   img_c   =   new   Image();
img_c.src   =   "F:\焦点切换\页签小图2\页签小图2\zt_1.gif ";
var   img_d   =   new   Image();
img_d.src   =   "F:\焦点切换\页签小图2\页签小图2\zt_2.gif ";

function   MM_swapImgRestore()  
{  
var   i,x,a=document.MM_sr;  
for(i=0;a&&i <a.length&&(x=a[i])&&x.oSrc;i++)  
x.src=x.oSrc;
}

function   MM_preloadImages()  
{  
var   d=document;  
if(d.images)
{  
if(!d.MM_p)   d.MM_p=new   Array();
var   i,j=d.MM_p.length,a=MM_preloadImages.arguments;  
for(i=0;   i <a.length;   i++)
if   (a[i].indexOf( "# ")!=0)
{  
d.MM_p[j]=new   Image;  
d.MM_p[j++].src=a[i];
}
}
}

function   MM_findObj(n,   d)  
{  
var   p,i,x;    
if(!d)   d=document;  
if((p=n.indexOf( "? "))> 0&&parent.frames.length)  
{
d=parent.frames[n.substring(p+1)].document;  
n=n.substring(0,p);
}
if(!(x=d[n])&&d.all)   x=d.all[n];  
for   (i=0;!x&&i <d.forms.length;i++)   x=d.forms[i][n];
for(i=0;!x&&d.layers&&i <d.layers.length;i++)   x=MM_findObj(n,d.layers[i].document);
if(!x   &&   d.getElementById)   x=d.getElementById(n);  
return   x;
}

function   MM_swapImage()  
{  
var   i,j=0,x,a=MM_swapImage.arguments;  
document.MM_sr=new   Array;  


for(i=0;i <(a.length-2);i+=3)
if   ((x=MM_findObj(a[i]))!=null)
{
document.MM_sr[j++]=x;  
if(!x.oSrc)  
x.oSrc=x.src;
x.src=a[i+2];
}
}

</script>
</head>
<body>

<table   background= "img_1 "   cellSpacing= "0 "   cellPadding= "0 "   dir= "ltr "   dataSrc= "0 "   border= "0 ">
<tr>
<td>
<a   onmouseover= "MM_swapImage( 'Image1 ', ' ', 'img_3 ',1) "   onmouseout= "MM_swapImgRestore() ">
<img   name= "Image1 "   src= "img_2 "   > </a>
</td>
</tr>
<tr>
<td>
<a   onmouseover= "MM_swapImage( 'Image2 ', ' ', "img_5 ",1) "   onmouseout= "MM_swapImgRestore() ">
<img   name= "Image2 "   src= "img_4 "> </a>
</td>
</tr>
<tr>
<td>
<a   onmouseout= "MM_swapImgRestore() "   onmouseover= "MM_swapImage( 'Image3 ', ' ',img_7,1) ">
<img   name= "Image3 "   src= "img_6 "> </a>
</td>
</tr>
<tr>
<td>
<a   onmouseout= "MM_swapImgRestore() "   onmouseover= "MM_swapImage( 'Image4 ', ' ', 'img_9 ',1) ">
<img   name= "Image4 "   src= "img_8 "> </a>
</td>
</tr>
<tr>
<td>
<a   onmouseout= "MM_swapImgRestore() "   onmouseover= "MM_swapImage( 'Image5 ', ' ', 'img_b ',1) ">
<img   name= "Image5 "   src= "img_a "> </a>
</td>
</tr>
<tr>
<td>
<a   onmouseout= "MM_swapImgRestore() "   onmouseover= "MM_swapImage( 'Image6 ', ' ', 'img_d ',1) ">
<img   name= "Image6 "   src= "img_c "> </a>
</td>
</tr>
</table>
</body>
</html>


现在问题是   我的图片已经是绝对路径了   为什么我取不到图片

另外   怎么把图片的位置写成相对路径啊?

急啊   请各位帮帮忙   看看


[解决办法]
img_d.src = "F:\\焦点切换\\页签小图2\\页签小图2\\zt_2.gif ";

绝对路径是错误的写法。应该用相对路径
[解决办法]
比如:
F:\焦点切换\页签小图2\页签小图2\zt_2.gif
F:\焦点切换\index.html

index.html的图片相对路径就是
页签小图2/页签小图2/zt_2.gif
注意反斜杠
[解决办法]
不要用本地路径
[解决办法]
1.WEB的路径中最好不要含中文。
2.绝对路径是可以的但,\ 要写成\\
3.相对路径就是jianye112所说的
[解决办法]
zbjg(凿壁借光) 说的

1.WEB的路径中最好不要含中文。

热点排行
Bad Request.