javascript实现div+css切换

最新推荐文章于 2022-08-29 20:09:56 发布

xuxubaby

最新推荐文章于 2022-08-29 20:09:56 发布

阅读量2.6k

点赞数

分类专栏： JavaScript 文章标签： javascript css div 工作电话 html

本文链接：https://blog.csdn.net/y_h_t/article/details/5626946

版权

JavaScript 专栏收录该内容

52 篇文章 1 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
.Menubox {
width:100%;
background:url("../Images/pshow_bg.gif") repeat-x left top;
height:36px;
line-height:36px;
}
.Menubox ul{
margin:0px;
padding:0px;
}
.Menubox li{
float:left;
display:block;
cursor:pointer;
width:105px;
text-align:center;
margin-right:3px;
color:#000;
background:url(../Images/tab_bg2.jpg) no-repeat left top;
}
.Menubox li.hover{
font-size:14px; font-weight:bold; color:#ff0000;
}

</style>
<script type="text/javascript">
function setTab(name,cursel,n)
{
for(i=1;i<=n;i++)
{

//获得HTML中dom对象
var menu=document.getElementById(name+i);

//获得HTML中dom对象

var con=document.getElementById("con_"+name+"_"+i);

//cursel：css中选中卡片的序号，这段话的意思是如果当前循环变量i==cursel(选项卡的序号)则样式为“hover”，否则不加任何样式，其实这就是三元运算符
menu.className=i==cursel?"hover":"";

//和上面的意思是一样的啦
con.style.display=i==cursel?"block":"none";
}
}
</script>
</head>

<div id="con_one_1" class="hover" style="background-color:#6633FF;">
不缺钱的公司该不该上市？8月11日过会的奇正藏药(下称奇正)引发了一个新的话题。奇正称，此次募集资金项目拟投资总额为2.9亿元。不过，奇正似乎并不缺钱——公司的《招股说明书》(申报稿)(下称《招股书》)显示，截至今年6月30日，公司的资产负债率仅为9.02％。　　“如果公司不缺钱却上市融资，容易造成募集资金的闲置，降低公司的净资产收益率。”一位业内人士指出。　　　　最近发现有些网民发布一些恶意的虚假信息，这样既增加了快点8工作人员的工作量，也影响到了查看信息的网民的切身利益。我们倡导发布的信息要真实有效。为保障广告网民的权益，我们除开辟“虚假信息投诉举报”专栏外，另将实行电话核查，具体过程如下：　　1、会员发布信息－>快点8工作人员通过电话核实信息－>审核通过－>系统自动给会员加分; 　　2、会员发布信息－>快点8工作人员通过电话核实信息－>信息错误－>信息将被删除，自动扣除会员3分积分; 　　3、匿名发布信息—发布违法违规的信息－>全部删除　　对于发表劣质信息的会员，我们将以邮件、QQ等形式进行沟通，如果沟通无效，为了保证网站信息的真实性及广大网民的利益，我们将冻结该会员的帐号
</div>
<div id="con_one_2" style="background-color:#ff0000; display:none;">
不缺钱的公司该不该上市？8月11日过会的奇正藏药(下称奇正)引发了一个新的话题。奇正称，此次募集资金项目拟投资总额为2.9亿元。不过，奇正似乎并不缺钱——公司的《招股说明书》(申报稿)(下称《招股书》)显示，截至今年6月30日，公司的资产负债率仅为9.02％。　　“如果公司不缺钱却上市融资，容易造成募集资金的闲置，降低公司的净资产收益率。”一位业内人士指出。　　　　最近发现有些网民发布一些恶意的虚假信息，这样既增加了快点8工作人员的工作量，也影响到了查看信息的网民的切身利益。我们倡导发布的信息要真实有效。为保障广告网民的权益，我们除开辟“虚假信息投诉举报”专栏外，另将实行电话核查，具体过程如下：　　1、会员发布信息－>快点8工作人员通过电话核实信息－>审核通过－>系统自动给会员加分; 　　2、会员发布信息－>快点8工作人员通过电话核实信息－>信息错误－>信息将被删除，自动扣除会员3分积分; 　　3、匿名发布信息—发布违法违规的信息－>全部删除　　对于发表劣质信息的会员，我们将以邮件、QQ等形式进行沟通，如果沟通无效，为了保证网站信息的真实性及广大网民的利益，我们将冻结该会员的帐号
</div>

</body>
</html>

xuxubaby

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript实现div+css切换

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">无标题文档.Menubox {width:100%;background:url("../Images/pshow_bg.gif") repeat-x left top;height:36px;line-height:36px
复制链接

扫一扫