这个js切换图片如何实现啊
日期：2014-05-16 浏览次数：20473 次
这个js切换图片怎么实现啊？？？
前台页面时这样的：
js代码是这样的：
------解决方案--------------------
ElementById 这个是你自己写的方法吗？
document.getElementById('id')
------解决方案--------------------
路径对么
前台页面时这样的：
- HTML code
<img id=obj1 src="skin/lianheng/1-1.gif" onmouseover="dirshow('1')" onmouseout="hidden('1')">
<img id=obj2 src="skin/lianheng/1-2.gif" onmouseover="dirshow('2')" onmouseout="hidden('2')">
<img id=obj3 src="skin/lianheng/1-3.gif" onmouseover="dirshow('3')" onmouseout="hidden('3')">
js代码是这样的：
- JScript code
function dirshow(num)
{
var obj=document.ElementById('obj'+num);
obj.src='../skin/lianheng/2-'+num+'.gif';
}
function hidden(x)
{
var obj=document.ElementById('obj'+num);
obj.src='../skin/lianheng/1-'+num+'.gif';
}
------解决方案--------------------
ElementById 这个是你自己写的方法吗？
document.getElementById('id')
------解决方案--------------------
路径对么
- CSS code
src="skin/lianheng/1-1.gif"
------解决方案--------------------
onmouseover="dirshow('1')" onmouseout="hidden('1')"
改成
onmouseover="dirshow(1)" onmouseout="hidden(1)"
不用加单引号
------解决方案--------------------
- JScript code
function dirshow(num) {
var obj=document.ElementById('obj'+num);
obj.src='skin/lianheng/2-'+num+'.gif';
}
function hidden(x)
{
var obj=document.ElementById('obj'+num);
obj.src='skin/lianheng/1-'+num+'.gif';
}
------解决方案--------------------
楼主你这样设计哪儿是图片切换啊，就是某张图片来回切换，你的代码逻辑是错的，而且只要在ie下才勉强可以，在ff下都是错误
------解决方案--------------------
不是已经出来了吗？？？
就是这里应该是document.getElementById，不是document.ElementById
------解决方案--------------------
------解决方案--------------------
js的文件路径不对吧，跟页面的路径不一致~~
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
