前に書いたこの小さなことを誤って見て、それを投稿しました。
コードは次のとおりです。
<div> <ul> <li> <img src = "img/pic_1.jpg"/> </li> <li> <img src = "img/pic_2.jpg"/> </li> <li> <img src = "img/pic_3.jpg"/> </li> <img src = "img/c" "" "" "" "" "img /> </li> <li> <img src = "img/pic_5.jpg"/> </li> </ul> <ul> <li>プロジェクト1 </li> <li>プロジェクト2 </li> <li>プロジェクト3 </li> <li>プロジェクト4 </li> </ul> </div>
HTML
ここでは、イメージパスをローカルのパスに変更するだけです。
.scroll_div {width：1000px;高さ：370px;マージン：0 Auto;パディング：10px;}。scroll_div .pic {width：820px;高さ：370px;オーバーフロー：隠し;位置：相対;フロート：左;}。scroll_div .pic li {width：820px;高さ：370px;位置：絶対;上：0;左：0;ディスプレイ：なし;}。scroll_div .btn li {width：173px;}。scroll_div .btn li {width：173px;高さ：66px;表示：ブロック;フロート：左;テキストアライグ：センター;色：#ffff;フォント：18px/100％ "Microsoft yahei"; font-weight：bold;背景：＃008DD8;マージンボトム：10px;ラインハイト：66px;カーソル：pointer;}。scroll_div .btn li.on {background：＃d73737;} li {list-style：none;}CSS
$（function（）{var listlen = $（ "。picli"）。長さ、i = 0、setinter、speen = 3000;/*pic carousel*/$（ "。btnli：last"）。 li：first "）。show（）; $（"。btnli "） li "）。eq（index）.animate（{ofacity：" show "}、300）.siblings（） listlen）{i ++;} else {i = 0;}; $（ "。btnli"）。eq（i）.addclass（ "on"）。siblings（）。removeclass（ "on"）; $（ "。pic li "）。eq（i）.animate（{opacity：" show "}、300）.siblings（）。