HTML导航 - 点击更改背景

步骤一:

在需要增加效果的<li>标签中增加onclick事件:<li onclick="setcurrent(this)">

步骤二:

添加JS代码:

function setcurrent(obj){
    var a = document.getElementById('父级标签id').getElementsByTagName("li");
    for(var i=0;i<a.length;i++){
        a[i].className="";    //先把该父级标签下的所有<li>标签全部类清空
    }
    obj.className="current";    //再赋予被点击标签状态
}
时间: 2024-11-05 19:42:48

HTML导航 - 点击更改背景的相关文章

判断鼠标点击在div外时,更改背景图片

学习起步时,本人试着在web端界面上仿照qq客户端主菜单,做出了一个界面. 当做到qq主菜单的搜索框时,发现点击搜索框后,里面的背景图片会消失,如下面2张图所示:      点击前                                                                      点击后 尽管类似这种判断鼠标是否点击在div外,以更改背景图片的应用在web开发中并不多见,但是我们还是需要明白,应如何实现对鼠标是否点击在div外的判断. 在这里,我采用了如下代

几何画板中更改背景颜色的方法有哪些

在使用几何画板的过程的,大家发现背景颜色默认为白色,但是有时为了让我们做的图形的效果更加美观或更方便对比,就需要更改背景颜色.但是一些用户对于这种操作还不是很了解,因此,我们特地制作了这篇相关教程,希望可以帮到大家.这就给大家分享一下几何画板中更改背景颜色的方法有哪些?  几何画板保存画板文件 在几何画板中更改背景颜色的步骤: 步骤一.点击编辑->参数选项,打开“参数选项对话框”.  几何画板参数选项 步骤二.点击颜色->背景颜色,选择合适的颜色.  几何画板颜色选择器 步骤三.选择颜色后,首

CSS+JQuery实现Tabs效果,点击更改背景色(不含图片)

1,Html代码 1 <body> 2 <div id="box"> 3 <ul id="tab_nav"> 4 <li class="nonblank">购买标书</li> 5 <li class="blank"></li> 6 <li class="nonblank">法授</li> 7 <

iOS 创建多个button实现点击改变背景颜色

工程中需要实现与UISegmentedControl效果相似的一排一共十个button,如下图.但是SegmentedControl修改不太方便,就用button替代, 循环创建十个button,点击改变背景色.其他的没被点的button的背景恢复默认.之前也写过,因为button太多,需要各种判断.感觉之前方法的方法比较麻烦. . 第一种方法 在创建button的时候,把所有的button存储到可变数组里,在button点击事件里面,拿到之前的可变数组,对里面的每一个button遍历,遍历的时

dede头部和导航连接的更改

昨天呢,我们将网站主页仿制的差不多了,可点击的时候还会跳到目标网站的内页中,而我们又没有制作内页,所以我们可以先将链接加到本页,也就是我们制作的这张页面上. 首先,我们用dw将我们网站页面打开(代码),我们找到logo标签的位置,然后打开老李仿站器,打开系统标签中的站点根目录,复制代码,粘贴到logo连接的地址(修改之前logo连接的地址是目标网站的内容,连接之后,暂时会连接到本站首页),若网站中有返回首页,则也需要复制站点根目录的代码. 有些网页中,导航上方会有一些链接(如下图所示),接下来我

UIImagePickerController导航字体颜色和背景

创建UIImagePickerController // 创建图片选择器 UIImagePickerController *picker = [[UIImagePickerController alloc] init]; picker.sourceType =UIImagePickerControllerSourceTypePhotoLibrary; picker.allowsEditing = YES; picker.delegate = self; //设置导航栏背景颜色 picker.na

css script 雪碧图 动态更改背景

最近了解了雪碧图,css script.然后自己去做了下发现好好玩,可以把所有的图片做成一张图,然后更改background-position的值来显示不同的背景. 做完以后我发现,以前经常做的点击或者悬浮啊等等事件改变img完全可以用一张图,再也不用找图标了/(ㄒoㄒ)/~~感动 先放下做的效果: 这是四个li,要求是点击每个li会改变对应的背景,结果是这样→_→ 下面来说说实现方法,超简单啦~如果你自己不亲自PS雪碧图 1.首先把你所需要的所有图片做成一张雪碧图,像这样? 2.生成每个图片的

设置导航条标题及背景图片

#import "XMGNavigationViewController.h" @interface XMGNavigationViewController () @end @implementation XMGNavigationViewController + (void)load { UINavigationBar *navBar = [UINavigationBar appearanceWhenContainedIn:self, nil]; // 只要是通过模型设置,都是通过富

iOS项目开发实战——自定义设置导航栏和状态栏背景

在iPhone的状态栏顶部,会有很多的信息,如运营商,信号强弱,网络状况,时间,电量等等.我们使用很多的App,如微信,QQ等等,都会发现导航栏的背景或者说图片都是重新设置过的,这样就能增加用户体验,也能更加节省下方的屏幕空间.那如何来设置导航栏的图片呢? (1)首先建立一个iOS项目,语言选择Swift.并且在Images.xcassets中拖入一张图片,大小要自己设置好,用来作为顶部导航栏的背景. (2)在Main.storyboard中选中ViewController,然后选择Editor