Question

怎么在一个页面引用俩次相同的JS

<script type="text/javascript">
//<![CDATA[
function zoomBox() {this.index.apply(this, arguments)}
zoomBox.prototype = {
index: function(win,zoom) {
var win=document.getElementById(win);
var box=document.getElementById(zoom);
var img=box.getElementsByTagName('IMG')[0];
var zoom=img.width/win.getElementsByTagName('IMG')[0].width;
var z=Math.round(box.offsetWidth/2);
win.onmousemove=function (e){
e = e || window.event;
var x=e.clientX,y=e.clientY, ori=win.getBoundingClientRect();
if (x>ori.right+20||y>ori.bottom+20||x<ori.left-20||y<ori.top-20)box.style.display='none';
x-=ori.left;
y-=ori.top;
box.style.left=x-z+'px';
box.style.top=y-z+'px';
img.style.left=-x*zoom+z+'px';
img.style.top=-y*zoom+z+'px';
}
win.onmouseover=function (){box.style.display=''}
}
};
window.onload=function (){
x=new zoomBox('zoomPan','zoom')
}
//]]>
</script>

<div class="zoomPan" id="zoomPan">
<img src="[!--news.url--]skin/default/images/map3.jpg" alt="" />
<div id="zoom" class="sh"><img src="[!--news.url--]skin/default/images/mapp3.jpg" alt="" /></div>
</div>
这是一次的JS放大镜的特效，我想在一个页面用俩次这个特效。我调试了半天只有一个JS能显示出来，第二个就不出来了。PS：我把div里面的zoomPan、zoom都换了还有JS的也换了。还是只显示一个特效





Answer 1

把你的第二个放大镜的css中类名还有ID换一下,然后跟你第二个js中的类名,ID对应下应该就可以了

追问

我试过，把所有的ID和clss都换了，可是还只是显示一个JS。

追答

js中命名换了么?还有试试是不是js有问题,先把第一个测试完的先去掉,再把你修改的用到你第二个上边,看看有没有作用

追问

JS没有问题，我分开试过，就是放到一起的话就不行了。如果方面的话加我企鹅知道我一下 五二六三一八五零三

追答

我的意思是,是把你第二个改过之后的id,class跟你改过之后对应的div试一下,或者改变下,js的引入方式.

Answer 2

x=new zoomBox('zoomPan','zoom');
y=new zoomBox('zoomPan1','zoom1');

页面中只需要把id换一份，然后再初始化一遍，

追问

怎么初始化？我第二个JS和DIV用的是boo、booPan

追答

y=new zoomBox("boo",'booPan');