Home > Web Front-end > HTML Tutorial > ***Please tell me, how to create this sorting style that imitates Taobao? _html/css_WEB-ITnose

***Please tell me, how to create this sorting style that imitates Taobao? _html/css_WEB-ITnose

WBOY
Release: 2016-06-24 12:20:56
Original
1281 people have browsed it

Please tell me how to create the sorting style that imitates Taobao?

Select the background to change, just like a tab, please ask for the code


Reply to the discussion (solution)

Question added:
The following is the implemented switch button. The problem is why when tested in IE browser and World Window browser, when the mouse is moved up or left after moving up, the background color turns orange, while in 360 browser and Google Chrome, the color Always white? Asking for expert guidance

Attached code:
#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;}

Button code:
                                                                                                 ;ul>
                                                                                                                                                  ​ ="gongyingMenu">Supply
                                            "#" id="btn2">Requirements
                                           It requires the cooperation of js. When clicked, add a selected style name to the current label, and then add a background-color to selected.

Misunderstanding. . . I didn’t see your subsequent additions, sorry. After looking at it, yours is also normal in Google Chrome. Logically speaking, it is normal. It may be a problem with your browser cache.

No, it doesn’t work for me to test here. 360 Browser and Google Chrome don’t display the background color

No, it doesn’t work for me to test here. 360 Browser and Google Chrome don’t display the background color

Just write something for you to read.

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template