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

这个js切换图片如何实现啊

2012-03-01 
这个js切换图片怎么实现啊???前台页面时这样的:HTML codeimg idobj1 srcskin/lianheng/1-1.gif onmou

这个js切换图片怎么实现啊???
前台页面时这样的:

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
[解决办法]
探讨
不是已经出来了吗???
就是这里应该是document.getElementById,不是document.ElementById

[解决办法]
js的文件路径不对吧,跟页面的路径不一致~~

热点排行
Bad Request.