点击li标记中的<a>标记改变li背景图片怎样实现
<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
>
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背景图片怎样实现的更多相关文章
- QT中给各控件增加背景图片(可缩放可旋转)的几种方法
http://blog.csdn.net/liukang325/article/details/44832397 1. 给QPushButton 增加背景图片:背景图片可根据Button大小自由缩放. ...
- QWidget窗体中使用Q_OBJECT后无法添加背景图片或背景色
在继承自QWiget的窗体中,设置背景图片或背景色比较简单的方法是使用setStyleSheet()函数,比如在构造函数中可以这样来设置背景图片: this->setStyleSheet(&qu ...
- mfc中 控件 对话框 添加颜色 背景图片
1 设置对话框透明 在设置控件颜色中要使用 nCtlColor Contains one of the following values, specifying the type of control ...
- Android中的ImageView的getDrawableCache获取背景图片的时候注意的问题
获取ImageView的背景图片使用getDrawableCache方法,不要使用getDrawable方法,后者获取不到图片的. 1.在调用imageView.getDrawableCache()之 ...
- ie下li标签中span加float:right不换行问题解决方案
在IE6,IE7下使用标签时,在加入右浮动样式(float:right)后,会换行的bug解决方案:bug案例:新闻列表中,为使时间右对齐,加右浮动产生换行 <ul> <li> ...
- ListView 点击某一项换背景图片
1. layout_search_list_item.xml <LinearLayout xmlns:android="http://schemas.android.com/apk/r ...
- android 项目中设置背景图片
xml文件设置背景图片中:任意一个控件,button imageView 或layout,在其的xml属性设置中,添加 [XML] view plaincopy android:background= ...
- C#中给RICHTEXTBOX加上背景图片
在系统自带的RichTextBox中是无法给它设置背景图片,但是我们在某些场合可能需要给RichTextBox设置背景图片.那么怎么实现这一想法呢?经过研究发现通过其它巧妙的途径可以给RichText ...
- 如何在Google Map中处理大量标记(ASP.NET)(转)
如何在Google Map中处理大量标记(ASP.NET)(原创-翻译) Posted on 2010-07-29 22:04 Happy Coding 阅读(8827) 评论(8) 编辑 收藏 在你 ...
随机推荐
- mongoose学习笔记1--基础知识2
Schema简述 Schema —— 一种以文件形式存储的数据库模型骨架,无法直接通往数据库端,也就是说它不具备对数据库的操作能力,仅仅只是数据库模型在程序片段中的一种表现,可以说是数据属性模型(传统 ...
- 获取Assets目录下的图片显示并上传
package com.jingle.getlocal; import java.io.ByteArrayOutputStream; import java.io.InputStream; impor ...
- C++拷贝构造函数(深拷贝,浅拷贝)
http://www.cnblogs.com/BlueTzar/articles/1223313.html 对于普通类型的对象来说,它们之间的复制是很简单的,例如:int a=88;int b=a; ...
- Hadoop 2.x HDFS新特性
Hadoop 2.x HDFS新特性 1.HDFS联邦 2. HDFS HA(要用到zookeeper等,留在后面再讲) 3.HDFS快照 回顾: HDFS两层模型 Namespa ...
- 通过扩展让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 ...
- oracle 10g 学习之游标使用和异常介绍(11)
一.游标 1. 使用游标 要求: 打印出 80 部门的所有的员工的工资: salary: xxx declare --1. 定义游标 cursor salary_cursor is select sa ...
- jquery easy ui 1.3.4 按钮(button)(6)
6.1.linkbutton linkbutton是将一个<a>标签包装成一个能显示图片.文字.的超链接按钮 如何给linkbutton添加一个事件? 使用JQ的方式就能给linkbutt ...
- go编写简单的web服务器
package main import ( "fmt" "log" "net/http" "strings" ) //h ...
- Java Hour 28 HashSet
有句名言,叫做10000小时成为某一个领域的专家.姑且不辩论这句话是否正确,让我们到达10000小时的时候再回头来看吧. Hour 28 HashSet 为查找而生 LinkedList查找效率低下, ...
- [译]SQL Server 之 查询计划的简单参数化
SQL Server能把一些常量自动转化为参数,以重用这些部分的查询计划. SELECT FirstName, LastName, Title FROM Employees WHERE Employe ...