jQuery初级教程之网站品牌列表效果

本文实例为大家分享了jQuery网站品牌列表效果展示的具体代码，供大家参考，具体内容如下

1.EG2.aspx

 
 
 
 


 

 

 

 
南京
 
北京
 
内蒙古
 
杭州
 
三亚
 
青岛
 
海南
 
云南
 
厦门
 
重庆
 
香港
 
 


 

 显示全部地方
 
 
 

2.样式表

*{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.效果

图一

图二

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。