Javascript 如何获得悬停/鼠标悬停效果以保持选中状态？

对于Javascript，我是一个初学者，非常感谢您的帮助！我正在主页上创建一个功能框，其中三个标题将共享一个图片点。我发现了一个脚本，它可以在滚动标题时更改图像，但很难判断页面何时打开，第一个标题是否与第一张图片一致。我如何使我的悬停样式显示为已选中，然后保持滚动的最后一个标题，以便很明显显示照片显示的标题是什么？这是

以下是我使用的代码：

悬停样式：

a.feature:hover {
    font-size: 0.9em;
    font-family: "trebuchet ms", Arial, Helvetica, sans-serif;
    color: #b0171f;
    font-weight: bold;
    background-image: url(../zimgart/nav/bgfeature.jpg);
    background-repeat: no-repeat;
    text-decoration: none;
    padding: 5px 0 5px 10px;
    display:block;
}

JAVASCRIPT:

<script>

/*Rollover effect on different image script-
By JavaScript Kit (http://javascriptkit.com)
Over 200+ free scripts here!
*/

function changeimage(towhat,url){
    if (document.images){
        document.images.targetimage.src=towhat.src
        gotolink=url
    }
}
function warp(){
    window.location=gotolink
}
</script>

<script language="JavaScript1.1">
var myimages=new Array()
var gotolink="#"

function preloadimages(){
    for (i=0;i<preloadimages.arguments.length;i++){
        myimages[i]=new Image()
        myimages[i].src=preloadimages.arguments[i]
    }
}


preloadimages("photos/feature1.jpg",
              "photos/feature2.jpg",
              "photos/feature3.jpg")
</script>

/*不同图像脚本的滚动效果-
通过JavaScript工具包(http://javascriptkit.com)
超过200+免费脚本在这里！
*/
函数更改图像（指向什么，url）{
if（document.images）{
document.images.targetimage.src=towhat.src
gotolink=url
}
}
函数warp（）{
window.location=gotolink
}
var myimages=新数组（）
var gotolink=“#”
函数preload images（）{
对于（i=0；i一般来说，您应该使用JS代码来做这样的事情，最简单的当然是使用jQuery

$(document).ready(function(){
  $('A.feature').mouseover(functiond(e){
    $('A.feature').removeClass('a_hover');
    $(this).addClass('a_hover');
    $('#bigimage').attr('src',$(this).attr('rel')); // big image effect, just example
  })
});

我假设A-links具有属性rel='bigmageulr'。
要安装jQuery，只需输入标题：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>


你知道，自己格式化和缩进代码会很好。对不起，这只是我第二次发布问题，也是我第一次因为只提供示例链接而没有代码而被嘲笑，所以看看我已经走了多远。如果有下一次，我会格式化代码。恐怕我不知道该放在哪里st代码或替换什么“#bigimage”有没有一个你推荐的学习jQuery的网站？我更新了代码，你可以把它放在html的任何地方。#bigimage是你悬停链接右侧的图像，#name意味着，你应该将ID=bigimage设置为它的属性。谢谢你的帮助，但我迷路了，因为在头部没有发生任何事情。#$（document）.ready（function（）{$（'A.feature'）.mouseover（functiond（e）{$（'A.feature'））.removeClass（'A_hover'）；$（this.addClass（'A_hover'）；$）（'A#hover'）.attr（'src'，$（this.attr（'rel'）；}）；Image:Link:redivations
好吧，那些评论没有按计划发布。有没有更好的方法让您在不查看源代码的情况下展示代码？