JS+CSS菜单换背景的做法

JS+CSS菜单换背景的做法,第1张

现在css里定义好一个样式bg
在<li>标签上写入onmouseover事件,调用一个js方法addclass()
然后在这个方法中写入一段js控制背景颜色
例子代码:
bg{background:#FF0000}
<li onmouseover="addclass(this)"></li>
function addclass(li){
liclassName = "bg";
}
类似如上,如果还想去掉其他li的背景颜色,就再添加一个onmouseout事件,去掉bg
function removeclass(li){
liclassName = "";
}
li标签里加入onmouseout="removeclass(this)"
祝你好运~

带链接的是a标签,在当前页面或独立的CSS样式文件里建立个样式即可去除,给你写个样式你放在页面head区域就可以了。
<style>
a{
text-decoration:none;
color:#0000FF;
}
</style>
说明:text-decoration:none 就是去掉链接文字下划线的。color就是指定文字颜色的。

<style>
body{
background-color:#FFF;
}
</style>
不知道是不是你想要,有疑问,hi我

我好想明白了!你是想div自适应高度,那就不要设置div的height就好了!
最外面黑色就定义body的背景色,剩下的定义各自div的背景色就好了!
如果div用到浮动的话请记住后面要用一个div清楚浮动哦!否则会无效哦!清楚浮动的写法如下:
<div style="float:left"></div>浮动的div
<div style="float:left"></div>浮动的div
<div style="clear:both;"></div>清楚浮动!

一般如果设置了背景颜色,可能过后会清除背景颜色,而设置了文字颜色,最多就是改变文字颜色吧,不想看见文字有几种方法,可以隐藏该文字display:none; 什么的,你实在不想动元素大小又不想看见文字也可以设置文字透明 color:transparent;

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:indexhtml。

2、在indexhtml中的<style>标签中,输入css代码:body{background-color: #00a7d0}。

3、浏览器运行indexhtml页面,此时页面的背景颜色成功被调整为浅蓝色。

用CSS设置颜色与背景 颜色设置 背景设置 圆角边框和图像边框 二、用CSS设置图像效果 1为添加边框 2缩放 color属性是用于控制HTML元素内文本的颜色,取值可以使用下面的任意一种方式。 颜色名:直接使用颜色的英文名称作为属性值,例如,blue表示蓝色。 #rrggbb:用一个6位的十六进制数表示颜色,例如,#0000FF表示蓝色。 #rgb:是#rrggbb的一种简写方式,例如,#0000FF可以表示为#00F


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/13369459.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-23
下一篇 2023-07-23

发表评论

登录后才能评论

评论列表(0条)

保存