This article mainly introduces the website brand list effect of the jQuery beginner tutorial in detail. It has a certain reference value. Interested friends can refer to it.
The example in this article shares the jQuery website with everyone. The specific code for brand list effect display is for your reference. The specific content is as follows
1.EG2.aspx
2. Style sheet
*{margin:0;padding:0;} body {font-size:12px;text-align:center;} a{color:#04D; text-decoration:none;} a:hover{ color:#F50; text-decoration:none;} .Subname{width:600px; margin:0 auto; text-align:center;margin-top:40px;} .Subname ul{list-style:none;} .Subname ul li{display:block; float:left; width:200px; line-height:20px;} .Allname { clear:both; text-align:center;padding-top:10px;} .Allname a { display:block; width:120px; margin:0 auto; line-height:24px; border:1px solid #AAA;} .Allname a span { padding-left:15px; background:url(img/down.gif) no-repeat 0 0;} .promoted a { color:#F50;}
3. Effect
Picture 1
Picture 2
The above is the detailed content of jQuery implements website brand list effect. For more information, please follow other related articles on the PHP Chinese website!
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
