<div class="nav">
<ul>
<li id="li1" class="dianji" onclick="changeBack(this,1)" ><a id="a1" href="Index.aspx">网站首页</a></li>
<li id="li2" onclick="changeBack(this,2)"><a id="a2" href="About.aspx">公司简介</a></li>
<li id="li3" onclick="changeBack(this,3)"><a href="NewsCenter.aspx">新闻动态</a></li>
<li id="li4" onclick="changeBack(this,4)"><a href="ProShow.aspx">产品展示</a></li>
<li id="li5" onclick="changeBack(this,5)"><a href="Message.aspx">在线留言</a></li>
<li id="li6" onclick="changeBack(this,6)"><a href="Contact.aspx">联系我们</a></li>
</ul>
</div>

这是一个菜单,要在点击链接的时候给点击的链接的li改变背景图片,相当于选中这个li,点击其他li时,让之前选中的那个li恢复原样,大家帮帮我,怎么做?谢谢了

   <div class="nav">
        <ul id="change">
            <li id="li1" class="dianji" onclick="changeBack(this)"><a id="a1">网站首页</a></li>
            <li id="li2" onclick="changeBack(this)"><a id="a2">公司简介</a></li>
            <li id="li3" onclick="changeBack(this)"><a>新闻动态</a></li>
            <li id="li4" onclick="changeBack(this)"><a>产品展示</a></li>
            <li id="li5" onclick="changeBack(this)"><a>在线留言</a></li>
            <li id="li6" onclick="changeBack(this)"><a>联系我们</a></li>
        </ul>
    </div>
    function changeBack(obj){
    for(var i=1;i<=6;i++){
        document.getElementById("li"+i).style.backgroundImage="";
    }
    obj.style.backgroundImage="url(image/3.jpg)";
    obj.style.backgroundRepeat="no-repeat";  //这里加一句    }

点击li标记中的<a>标记改变li背景图片怎样实现的更多相关文章

  1. QT中给各控件增加背景图片(可缩放可旋转)的几种方法

    http://blog.csdn.net/liukang325/article/details/44832397 1. 给QPushButton 增加背景图片:背景图片可根据Button大小自由缩放. ...

  2. QWidget窗体中使用Q_OBJECT后无法添加背景图片或背景色

    在继承自QWiget的窗体中,设置背景图片或背景色比较简单的方法是使用setStyleSheet()函数,比如在构造函数中可以这样来设置背景图片: this->setStyleSheet(&qu ...

  3. mfc中 控件 对话框 添加颜色 背景图片

    1 设置对话框透明 在设置控件颜色中要使用 nCtlColor Contains one of the following values, specifying the type of control ...

  4. Android中的ImageView的getDrawableCache获取背景图片的时候注意的问题

    获取ImageView的背景图片使用getDrawableCache方法,不要使用getDrawable方法,后者获取不到图片的. 1.在调用imageView.getDrawableCache()之 ...

  5. ie下li标签中span加float:right不换行问题解决方案

    在IE6,IE7下使用标签时,在加入右浮动样式(float:right)后,会换行的bug解决方案:bug案例:新闻列表中,为使时间右对齐,加右浮动产生换行 <ul> <li> ...

  6. ListView 点击某一项换背景图片

    1. layout_search_list_item.xml <LinearLayout xmlns:android="http://schemas.android.com/apk/r ...

  7. android 项目中设置背景图片

    xml文件设置背景图片中:任意一个控件,button imageView 或layout,在其的xml属性设置中,添加 [XML] view plaincopy android:background= ...

  8. C#中给RICHTEXTBOX加上背景图片

    在系统自带的RichTextBox中是无法给它设置背景图片,但是我们在某些场合可能需要给RichTextBox设置背景图片.那么怎么实现这一想法呢?经过研究发现通过其它巧妙的途径可以给RichText ...

  9. 如何在Google Map中处理大量标记(ASP.NET)(转)

    如何在Google Map中处理大量标记(ASP.NET)(原创-翻译) Posted on 2010-07-29 22:04 Happy Coding 阅读(8827) 评论(8) 编辑 收藏 在你 ...

随机推荐

  1. mongoose学习笔记1--基础知识2

    Schema简述 Schema —— 一种以文件形式存储的数据库模型骨架,无法直接通往数据库端,也就是说它不具备对数据库的操作能力,仅仅只是数据库模型在程序片段中的一种表现,可以说是数据属性模型(传统 ...

  2. 获取Assets目录下的图片显示并上传

    package com.jingle.getlocal; import java.io.ByteArrayOutputStream; import java.io.InputStream; impor ...

  3. C++拷贝构造函数(深拷贝,浅拷贝)

    http://www.cnblogs.com/BlueTzar/articles/1223313.html 对于普通类型的对象来说,它们之间的复制是很简单的,例如:int a=88;int b=a;  ...

  4. Hadoop 2.x HDFS新特性

    Hadoop 2.x HDFS新特性 1.HDFS联邦    2. HDFS HA(要用到zookeeper等,留在后面再讲)    3.HDFS快照 回顾: HDFS两层模型     Namespa ...

  5. 通过扩展让ASP.NET Web API支持W3C的CORS规范(转载)

    转载地址:http://www.cnblogs.com/artech/p/cors-4-asp-net-web-api-04.html CORS(Cross-Origin Resource Shari ...

  6. oracle 10g 学习之游标使用和异常介绍(11)

    一.游标 1. 使用游标 要求: 打印出 80 部门的所有的员工的工资: salary: xxx declare --1. 定义游标 cursor salary_cursor is select sa ...

  7. jquery easy ui 1.3.4 按钮(button)(6)

    6.1.linkbutton linkbutton是将一个<a>标签包装成一个能显示图片.文字.的超链接按钮 如何给linkbutton添加一个事件? 使用JQ的方式就能给linkbutt ...

  8. go编写简单的web服务器

    package main import ( "fmt" "log" "net/http" "strings" ) //h ...

  9. Java Hour 28 HashSet

    有句名言,叫做10000小时成为某一个领域的专家.姑且不辩论这句话是否正确,让我们到达10000小时的时候再回头来看吧. Hour 28 HashSet 为查找而生 LinkedList查找效率低下, ...

  10. [译]SQL Server 之 查询计划的简单参数化

    SQL Server能把一些常量自动转化为参数,以重用这些部分的查询计划. SELECT FirstName, LastName, Title FROM Employees WHERE Employe ...