Javascript滚动

我对JavaScript相当陌生，我正在尝试这样做，当您在链接上使用鼠标时，页面右侧的图像会发生变化，然后再重新使用鼠标

以下是我的JavaScript：

function SwapOut(titleid){
if (titleid == video)
    document.getElementById("titleimg").src="images/videotitle.png"
else if (titleid == gamedesign)
   document.getElementById("titleimg").src="images/gametitle.png"       
else if (titleid == webdesign)
   document.getElementById("titleimg").src="images/webtitle.png"    
return true;
}

function SwapBack('titleid'){
if (titleid == home)
    document.getElementById("titleimg").src="images/hometitle.png"
else if (titleid == gamedesign)
   document.getElementById("titleimg").src="images/gametitle.png"   
else if (titleid == video)
   document.getElementById("titleimg").src="images/videotitle.png"  
else if (titleid == webdesign)
   document.getElementById("titleimg").src="images/webtitle.png" 
return true;
}

和我的HTML：

<a id="eileenSmall1" href="video.html" onmouseover="SwapOut('video')" onmouseout="SwapBack('home')"></a>

<div id="title">
    <img src="images/hometitle.png" name="titleimg"/>
</div>

---

我通常会用CSS来处理这个问题，但是在我改变一个不同元素的属性时，让它工作起来会有问题。任何帮助都将不胜感激

您正在按id引用titleimg，但尚未为其分配id，只是一个名称

 <img src="images/hometitle.png" name="titleimg" id="titleimg"/>

注意引号，例如，您正在比较字符串

titleid='home'与titleid==home

在函数SwapBack（'titleid'）中也会丢失引号。

1）您试图引用具有

id

“titleimg”的元素，但您根本没有给该元素一个

id

2） 如果

条件未将
标题ID
与字符串进行比较，则会将其与它认为是变量的内容进行比较。。例如，它应该是
'video'
而不是
video

3） 在第二个函数中，参数应该是变量而不是字符串。。例如，它应该是
SwapBack（titleid）
而不是
SwapBack（'titleid'）

你应该试试这个

JAVASCRIPT:

function SwapOut(titleid){
if (titleid == 'video')
    document.getElementById("titleimg").src="images/videotitle.png"
else if (titleid == 'gamedesign')
   document.getElementById("titleimg").src="images/gametitle.png"       
else if (titleid == 'webdesign')
   document.getElementById("titleimg").src="images/webtitle.png"    
return true;
}

function SwapBack(titleid){
if (titleid == 'home')
    document.getElementById("titleimg").src="images/hometitle.png"
else if (titleid == 'gamedesign')
   document.getElementById("titleimg").src="images/gametitle.png"   
else if (titleid == 'video')
   document.getElementById("titleimg").src="images/videotitle.png"  
else if (titleid == 'webdesign')
   document.getElementById("titleimg").src="images/webtitle.png" 
return true;
}

HTML:


对于初学者来说，
如果（titleid==video）
无效-您试图将video作为不存在的变量引用。它应该是
if（titleid==“video”）
，表示它是一个文本字符串

其次，如果逻辑在那里，你不需要它。在您正在执行的操作中，您可以将图像传递给它

e、 g

HTML



Swapback不需要任何条件逻辑（假设您总是想将图像切换回主屏幕）。
鼠标盖现在可以工作了，谢谢！但是，鼠标输出仍然不工作，图像没有返回到原始的.Nevermind，文件命名错误。现在一切都很好。谢谢
function SwapOut(titleid){
if (titleid == 'video')
    document.getElementById("titleimg").src="images/videotitle.png"
else if (titleid == 'gamedesign')
   document.getElementById("titleimg").src="images/gametitle.png"       
else if (titleid == 'webdesign')
   document.getElementById("titleimg").src="images/webtitle.png"    
return true;
}

function SwapBack(titleid){
if (titleid == 'home')
    document.getElementById("titleimg").src="images/hometitle.png"
else if (titleid == 'gamedesign')
   document.getElementById("titleimg").src="images/gametitle.png"   
else if (titleid == 'video')
   document.getElementById("titleimg").src="images/videotitle.png"  
else if (titleid == 'webdesign')
   document.getElementById("titleimg").src="images/webtitle.png" 
return true;
}

<a id="eileenSmall1" href="video.html" onmouseover="SwapOut('video')" onmouseout="SwapBack('home')"></a>

<div id="title">
    <img src="images/hometitle.png" name="titleimg" id="titleimg" />
</div>

function swapOut(img)
{
    document.getElementById('titleimg').src = img;
}

<a id="eileenSmall1" href="video.html" onmouseover="SwapOut('images/videotitle.png')"></a>