中易网

关于Html的基础问题

答案:3  悬赏:30  
解决时间 2021-04-27 02:01
  • 提问者网友:逝爱
  • 2021-04-26 14:43

有谁能告诉我这个按钮是怎么做的,点哪个,哪个就变成白色的了,

然后弹出新的内容, 基本的代码帮我打打, 谢谢了,

回答马上采纳,

最佳答案
  • 二级知识专家网友:一只傻青衣
  • 2021-04-26 16:15

这个是用图片做的。。


你到懒人图库里面搜下


css菜单


就随便可以找到这样的效果的


全部回答
  • 1楼网友:无字情书
  • 2021-04-26 17:19

用JS+CSS来控制。

分别定义好按下之前和按下之后的菜单或按钮的两个样式,然后根据相应的情况来应用相应的样式。

给个简单的例子说明==》

定义两个样式:

.normal {

background-img:url(这里是按下之前的背景图路径);

}

.sel {

background-img:url(这里是按下之后的背景图路径);

}

<ul>

<li id="m0" class="normal" onclick="selMenu(0);">下载分类</li>

<li id="m1" class="sel" onclick="selMenu(1);">最近更新</li>

<li id="m2" class="normal" onclick="selMenu(2);">客户端</li>

</ul>

JS代码:

function selMenu(index)

{

for(var i=0;i<3;i++)

{

if(index==i)

{

eval(document.getElementById("m"+i)).className="sel";

//在这里写弹出新内容的代码。

}

else

{

eval(document.getElementById("m"+i)).className="normal";

}

}

}

  • 2楼网友:转身后的回眸
  • 2021-04-26 16:45

这个是CSS样式做出来的。。

<a href=" http://www.baidu.com“ target="_blank">百度</a>

我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息!
大家都在看
推荐信息