本文實例為大家分享了jquery實現網站列表切換效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下
效果圖：
<html> <head> <meta charset="utf-8" /> <title>網站品牌列表切換效果</title> <style> *{ margin: 0px; padding: 0px; } a{ color: black; text-decoration: none; } a:hover{ color: brown; } .box{ width: 600px; min-height:200px ; border: 1px solid #ccc; margin: 0px auto; text-align: center; margin-top: 40px; } .box ul{ list-style: none; } .box ul li{ display: block; float: left; width: 200px; /*line-height: 30px;*/ } .showmore{ clear: both; padding-top: 20px; } .showmore a{ border: 1px solid gray; padding: 5px 10px; } </style> <script src="../scripts/jquery-1.3.1.js" type="text/javascript"></script> <script> $(function(){ var $category= $("ul li:gt(5):not(:last)"); $category.hide(); $(".showmore > a").click(function(){ if($category.is(":visible")){ $category.hide(); $(this).find('span').text("
主站蜘蛛池模板：
平安县|
黄冈市|
台中县|
裕民县|
河池市|
方城县|
景东|
界首市|
囊谦县|
武川县|
桦川县|
江西省|
陈巴尔虎旗|
屏边|
安泽县|
泽普县|
吉林省|
墨竹工卡县|
茶陵县|
改则县|
泊头市|
泉州市|
恩施市|
福海县|
鲁甸县|
威远县|
聂拉木县|
贵德县|
溆浦县|
长春市|
金昌市|
京山县|
伊春市|
涞源县|
梁山县|
清原|
高雄县|
甘泉县|
公安县|
孝感市|
兴隆县|