css鼠标点击项背景图片更改？？？

请教高手如何实现：css鼠标点击项背景图片更改？？？点哪个选，哪个项的图片背景就是左边白色图片背景。我知道是需要一段JS控制代码，请问JS代码怎么写？我其余代码写出来了，... 请教高手如何实现：css鼠标点击项背景图片更改？？？点哪个选，哪个项的图片背景就是左边白色图片背景。我知道是需要一段JS控制代码，请问JS代码怎么写？

我其余代码写出来了，如下：
<style type="text/css">

</style>
</head>

<body>

<DIV id=nav class=main_w>
<UL>
<LI onclick="this.className='click';"><A href="index.html">代理加盟</A> </LI>
<LI><A href="index2.html">会员中心</A> </LI>
</UL>
</DIV> 展开

 我来答

4个回答

#热议# 为什么有人显老，有人显年轻？

锋火郎言
推荐于2016-12-03 · 知道合伙人互联网行家

锋火郎言
知道合伙人互联网行家

采纳数：469 获赞数：1454

向TA提问私信TA

关注

展开全部

<script language="javascript">
function ss(id){
    return document.getElementById(id);
   }
   
   function menu_my(name,num) {
    var my;
    my = ss(name);
    
    if ( my.last == undefined ) {
     my.last = 1;
    }
    var Menu = ss("menu" + name + my.last);
    var Cont = ss("cont" + name + my.last);
    Menu.className = "";
    Cont.style.display = "none";
   
    var Menu = ss("menu" + name + num);
    var Cont = ss("cont" + name + num);
        Menu.className = "s_current";
    Cont.style.display = "block";
    my.last =num ;
   
   }
</script>

<div id="s_topnav">
          <ul id="a">
            <li class="s_current" id="menua1" onclick="menu_my('a',1)">最新上传</li>
            <li id="menua2" onclick="menu_my('a',2)">最多点击</li>
            <li id="menua3" onclick="menu_my('a',3)">专家推荐</li>
          </ul>
        </div>
        <div class="s_content" id="conta1">111111<div>

 <div class="s_content" id="conta2" style="display:none;">111111<div>

上边是JS下边展示形式。自己摘吧。


本回答被提问者采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

淘宝热卖

广告2024-12-28

定制解决方案，鼠标使用无忧。发现淘宝，发现您的鼠标新世界。

simba.taobao.com

Genius2009
2010-05-12 · TA获得超过346个赞

知道答主

回答量：120

采纳率：0%

帮助的人：0

我也去答题访问个人页

关注

展开全部

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">

</style>
<script language="javascript" type="text/javascript">

</script>
</head>

<body>
<DIV id=nav class=main_w>
<UL id="dataBox1" style="display:block;">
<LI onclick="javascript:changeMc('dataBox1','dataBox2')" ><A href="#" >代理加盟</A> </LI>
<LI onclick="javascript:changeMc('dataBox2','dataBox1')" class="cum"><A href="#" >会员中心</A> </LI>
</UL>
<UL id="dataBox2" style="display:none;" >
<LI onclick="javascript:changeMc('dataBox1','dataBox2')" class="cum"><A href="#" >代理加盟</A> </LI>
<LI onclick="javascript:changeMc('dataBox2','dataBox1')" ><A href="#" >会员中心</A> </LI>
</UL>
</DIV>
</body>
</html>

不知道你是不是要做选项卡，我一般都是这样做选项卡的，这样写可以减少JS的代码，相反HTML代码会较多点！