您好,欢迎访问一九零五行业门户网

请教,这种仿淘宝样式得排序样式怎么弄?_html/css_WEB-ITnose

请教,这种仿淘宝样式得排序样式怎么弄?
选择背景即变,就像选项卡一样,求代码
回复讨论(解决方案) 问题补充:
以下是实现的切换按钮,问题是为什么在ie浏览器,世界之窗浏览器 里测试 ,鼠标移上去或移上去后离开,背景颜色变橙色,而在360浏览器,谷歌浏览器里颜色始终是白色?求高手指点
附代码:
#navcolumn {width:710px;}
#navcolumn ul {padding-left:2px;height:29px;margin:0px;padding:0px;font-size:12px;text-align:center;list-style:none;}
#navcolumn li {float:left;line-height:29px; height:29px;text-align:center;width:82px;background:#fff;}
#navcolumn li.now a:link,#navcolumn li.now a:visited {color:#fc8004;font-size:14px;font-weight:700;background:#fc8004;}
#navcolumn a:link,#navcolumn a:visited {width:82px;display:block;}
#navcolumn a:hover,#navcolumn a:active {width:82px;height:29px;display:block;text-decoration:none;font-weight:700;background-color:#fc8004;}
按钮代码:
默认排序
                   供应
                   需求
这是需要js配合的,当点击后给当前标签添加一个selected的样式名,然后给selected添加个background-color即可。
理解错误。。。也没看到你后来的补充,不好意思。看了下,你那个在谷歌浏览器里也是正常的,按理说都是正常的,可能是你浏览器缓存的问题吧。
不行,我这里测试不行,360浏览器,谷歌浏览器不显示背景色
不行,我这里测试不行,360浏览器,谷歌浏览器不显示背景色
随便写个给你看看。
demo item1 item2 item3

其它类似信息

推荐信息