回复讨论(解决方案)
直接把这个网站的代码考下来就可以了啊
用什么实现的...
就是一个下拉啊
就是个js做的类似下拉框又类似标签卡的东西,原理就是一排 ,然后给 上面加上一个鼠标悬停事件。原理很简单,但是要做到这种效果就比较麻烦,你可以把他代码考下来自己研究下。
鼠标停留在标签上时,显示一个div,采用absolute定位,div中放入要显示的内容即可。这个效果比较简单
无标题文档 body{background:#ccc;}ul{margin:0;padding:0;list-style:none;background:#636;width:500px;margin:100px auto;height:30px;}.tab li{float:left;height:30px;line-height:30px; position:relative;}a{text-decoration:none;}.tab li a{color:#ccc;font-size:14px;color:#fff;padding:0 10px;float:left;height:100%;}.tab li a:hover{color:#000;background:#fff;}.tab li div{ position:absolute;width:100px;height:100px;background:#fff;top:30px;left:0; display:none;} window.onload=function(){ var oUl=document.getElementById('tab'); var aLi=oUl.getElementsByTagName('li'); for(var i=0;i 首页测试内容看看
查看更多关于看到一个网页效果,但不知道是如何实现的,请前辈们指教_html/css_WEB-ITnose的详细内容...
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://haodehen.cn/did104781