高分求一个鼠标效果

复制下来都看不到你的图片改什么？
而且其实跟你这个差不多

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<html>
<head>
<style type="text/css">
#naviBar{font-size:12px;}
.normal
{
    background-color:#eee;
    color:#000;
    text-align:center;
    cursor:hand;
}.hover
{
    background-color:green;
    color:#fff;
    text-align:center;
    cursor:hand;
}
</style>
<script Language ="JavaScript">
function $(id)
{
    return document.getElementById(id);
}var joson={
    "贴吧":{
        frmAction:"http://tieba.baidu.com/f",
        imgSrc:"http://hao123.com/logo_post.gif",
        imgTitle:"百度贴吧",
        logoHref:"http://tieba.baidu.com/",
        sKey:"?q"
    },
    "mp3":{
        frmAction:"http://mp3.baidu.com/m",
        imgSrc:"http://hao123.com/logo_mp3.gif",
        imgTitle:"百度MP3",
        logoHref:"http://mp3.baidu.com/" ,
        sKey:"?word"
    },
    "图片":{
        frmAction:"http://image.baidu.com/i",
        imgSrc:"http://hao123.com/logo_pic.gif",
        imgTitle:"百度图片",
        logoHref:"http://image.baidu.com/",
        sKey:"?tn=baiduimage&ct=201326592&word"
    },
    "新闻":{
        frmAction:"http://news.baidu.com/ns",
        imgSrc:"http://hao123.com/logo_news.gif",
        imgTitle:"百度新闻搜索",
        logoHref:"http://news.baidu.com/" ,
        sKey:"?word"
    },
    "视频":{
        frmAction:"http://video.baidu.com/v",
        imgSrc:"http://hao123.com/logo_video.gif",
        imgTitle:"百度视频搜索",
        logoHref:"http://video.baidu.com/",
        sKey:"?word"
    },
    "知道":{
        frmAction:"http://zhidao.baidu.com/q",
        imgSrc:"http://hao123.com/logo_zhidao.gif",
        imgTitle:"百度知道",
        logoHref:"http://zhidao.baidu.com/" ,
        sKey:"?q"
    },
    "网页":{
        frmAction:"http://www.baidu.com/s",
        imgSrc:"http://hao123.com/logox3.gif",
        imgTitle:"百度首页",
        logoHref:"http://www.baidu.com/index.php?tn=sitehao123" ,
        sKey:"?wd"
    }
}
window.onload=function()
{
    var curIndex = 0;
    var tbl=$("naviBar");

    for(var i=0;i<tbl.rows[0].cells.length;i++)
    {
        tbl.rows[0].cells[i].className=i==curIndex?"hover":"normal";
        tbl.rows[0].cells[i].onclick=function()
        {
            if(this.cellIndex!=curIndex)
            {
                tbl.rows[0].cells[curIndex].className = "normal";
                this.className="hover";
                curIndex = this.cellIndex;
                setVal(this.innerText);

            }
        }
    }

}function setVal(key)
{
    var obj = joson[key];
    $("action").value=obj.frmAction;
    $("title").src=obj.imgSrc;
    $("title").onclick=function(){location.href=obj.logoHref;}
    $("title").title=obj.imgTitle;
    $("sk").value=obj.sKey;
}function String.prototype.trim()
{
    return this.replace(/\s+/g,"");
}function baiduGo()
{
    var sKey = $("word").value;
    if(sKey.trim()=="")
    {
        alert("搜索关键字不能为空!");
        return false;
    }else
    {
        location.href=$("action").value+$("sk").value+"="+sKey;
    }

}</script>
</head>
<body>
<table width="400px" id="naviBar">
    <tr>
        <td>网页</td>
        <td>mp3</td>
        <td>图片</td>
        <td>贴吧</td>
        <td>知道</td>
        <td>新闻</td>
        <td>视频</td>
    </tr>
</table>
<table style="border:dashed 1px green">
    <tr>
        <td>
            <img id="title" src="http://hao123.com/logox3.gif" title="百度首页" style="cursor:hand" onclick="javascript:location.href='http://www.baidu.com/index.php?tn=sitehao123'" />
            <input type="text" id="word" style="width:200px" />
            <input type="button" value="百度一下" onclick="return baiduGo()" />
            <input type="hidden" value="http://www.baidu.com/s" id="action" />
            <input type="hidden" id="sk" value="wd" />
        </td>
    </tr>
</table>
</body>
</Html>
什么需求？？ LZ 是让我们猜呀。