本文實例為大家分享了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("
主站蜘蛛池模板：
辰溪县|
调兵山市|
浑源县|
兴宁市|
织金县|
桂林市|
永德县|
虞城县|
饶阳县|
麻城市|
正定县|
德清县|
许昌县|
额尔古纳市|
上蔡县|
忻城县|
陕西省|
绵阳市|
阿克苏市|
磐安县|
孝义市|
基隆市|
拜城县|
丰顺县|
青川县|
宜宾县|
河曲县|
武宣县|
车险|
明溪县|
都兰县|
黎城县|
怀仁县|
东乡|
深圳市|
新乡县|
花莲市|
汝南县|
得荣县|
密云县|
南陵县|