点击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) 编辑 收藏 在你 ...
随机推荐
- SQLHelper、DBUtil终极封装
DBUtil.java package org.guangsoft.util; import java.io.InputStream; import java.sql.Connection; impo ...
- [Android Pro] UI设计师不可不知的安卓屏幕知识
reference to : http://www.android100.org/html/201505/24/149342.html 不少设计师和工程师都被安卓设备纷繁的屏幕搞得晕头转向,我既做UI ...
- touch详解
touch事件 前言 一个触屏网站到底和传统的pc端网站有什么区别呢,交互方式的改变首当其冲.例如我们常用的click事件,在触屏设备下是如此无力. 手机上的大部分交互都是通过touch来实现的,于是 ...
- css3之currentColor
一个css3的高效变量currentColor,能够继承(父级)当前字体的颜色属性(代表当前的标签所继承的文字颜色). 参考demo:http://www.zhangxinxu.com/study/2 ...
- Linux 串口编程(转)
无论那种操作方式,一般都通过四个步骤来完成: (1) 打开串口 (2) 配置串口 (3) 读写串口 (4) 关闭串口 转自
- UVA 1328 - Period KMP
题目链接:http://acm.hust.edu.cn/vjudge/problem/viewProblem.action?id=36131 题意:给出一个长度为n的字符串,要求找到一些i,满足说从1 ...
- codeforces Round #263(div2) D. Appleman and Tree 树形dp
题意: 给出一棵树,每个节点都被标记了黑或白色,要求把这棵树的其中k条变切换,划分成k+1棵子树,每颗子树必须有1个黑色节点,求有多少种划分方法. 题解: 树形dp dp[x][0]表示是以x为根的树 ...
- Android Studio 一些使用经验
一.Mac或Win 7 配置环境,以gradle为例 (1).可以在这里找gradle下载,或者去官网啦 Mac添加环境变量: 1.启动Terminal终端 2.输入cd ~/ 进入当前用户的home ...
- Scala中的Apply
文章来自:http://www.cnblogs.com/hark0623/p/4194940.html 转载请注明 /** * Created by Administrator on 2014-12 ...
- 在Windows Server 2008中安装IIS
1.右键“我的电脑”,选择“管理”,打开“服务器管理器” 2.点击左边菜单栏“角色”调出角色窗口 3.接着点击“添加角色”,弹出添加“角色向导” 4.点击“下一步”进入服务器角色选项 5.勾选“Web ...