网页设计的问题,在Dreamweaver你们编辑好了,插入时,为什么仅仅是一张图片
我在Dreamweaver里面弄的,就是显示是一张图片,然后鼠标移动上面去了,又是另外一张图片了。代码是这样的。<!DOCTYPEhtmlPUBLIC"-//W3C//D...
我在Dreamweaver 里面 弄的,就是显示是一张图片,然后鼠标移动上面去了,又是另外一张图片了。
代码是这样的。
<!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=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function MM_preloadImages() { //v3.0
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_swapImgRestore() { //v3.0
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_findObj(n, d) { //v4.01
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() { //v3.0
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 onload="MM_preloadImages('http://i00.i.aliimg.com/img/pb/703/481/635/635481703_625.jpg',1')">
<p> </p>
<p><a href="http:\\www.aliexpress.com" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image2','','http://i00.i.aliimg.com/img/pb/703/481/635/635481703_625.jpg',1)"><img src="http://i00.i.aliimg.com/img/pb/700/481/635/635481700_082.jpg" alt="123145454" name="Image2" width="750" height="498" border="0" id="Image2" /></a></p>
</body>
</html>
我自己测试了,是可以显示的。如下图
然后我就把代码复制了,插入到我网店的 商品描述页面
如下图
但是到我预览的时候,就仅仅显示的是一张图片。如下图,鼠标移动上去,没有变化。但是我看好多其他网店的 商品描述里面就有这种功能。小白,我自己在网上看的视频教程。求大侠指导下。
还有就是,我把Dreamweaver 里面的代码复制出来,单独的保存了一个html 文件,点击打开又有这种功能,那些图片我都是换成了网络图片,就是网址图片,不是本地图片了。
请大侠指导下!!!!!什么原因!!!! 展开
代码是这样的。
<!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=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function MM_preloadImages() { //v3.0
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_swapImgRestore() { //v3.0
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_findObj(n, d) { //v4.01
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() { //v3.0
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 onload="MM_preloadImages('http://i00.i.aliimg.com/img/pb/703/481/635/635481703_625.jpg',1')">
<p> </p>
<p><a href="http:\\www.aliexpress.com" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image2','','http://i00.i.aliimg.com/img/pb/703/481/635/635481703_625.jpg',1)"><img src="http://i00.i.aliimg.com/img/pb/700/481/635/635481700_082.jpg" alt="123145454" name="Image2" width="750" height="498" border="0" id="Image2" /></a></p>
</body>
</html>
我自己测试了,是可以显示的。如下图
然后我就把代码复制了,插入到我网店的 商品描述页面
如下图
但是到我预览的时候,就仅仅显示的是一张图片。如下图,鼠标移动上去,没有变化。但是我看好多其他网店的 商品描述里面就有这种功能。小白,我自己在网上看的视频教程。求大侠指导下。
还有就是,我把Dreamweaver 里面的代码复制出来,单独的保存了一个html 文件,点击打开又有这种功能,那些图片我都是换成了网络图片,就是网址图片,不是本地图片了。
请大侠指导下!!!!!什么原因!!!! 展开
展开全部
<p>
<a href="http://www.aliexpress.com">
<img src="http://i00.i.aliimg.com/img/pb/700/481/635/635481700_082.jpg" alt="123145454" width="750" height="498" border="0" onmouseover="var s=this.src;this.src='http://i00.i.aliimg.com/img/pb/703/481/635/635481703_625.jpg';onmouseout=function(){this.src=s;}" />
</a>
</p>
就这样简单,不需要什么Dreamweaver ,会自动生成一大堆垃圾代码
追问
这个我试了的,还是不行,在商品描述里面插入了,预览只有一张图片显示!没有那个效果!
追答
你试了?地址给我看看,我看源码是不是被网店屏蔽了JS运行
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询