Re: 請問有關這個圖片選單如何做...謝謝

看板Web_Design作者chrisQQ (ＣｈｒｉｓＬｉｕ)時間16年前 (2007/12/10 19:20)推噓3(3推 0噓 4→)

留言7則, 5人參與討論串2/2 (看更多)

※ 引述《OCG (空白)》之銘言：一開始我先直接找 YUI 的 Example，不過竟然沒找到，（YUI Document：http://developer.yahoo.com/yui/）所以就直接從原始碼下手。主要是用了 YNWS.Util.rollingRotateAnim 這個類別（var YNWS= YAHOO.Tw.News;）好，廢話不多說，根據原始碼，html 的部份你需要  <div class="yui-u first"> <div id="ynwsfn" class="ynwsmodule"> <div class="hd"></div> <div class="bd"> <div class="btn"> <p id="procBtn_ln" class="rollnk"> <a href="#" class="roll1 on"><span>1</span></a> <a href="#" class="roll2"><span>2</span></a> <a href="#" class="roll3"><span>3</span></a> <a href="#" class="roll4"><span>4</span></a> <a href="#" class="roll5"><span>5</span></a> </p> <a href="#" id="lBtn_ln" class="prv"><span>Prev</span></a> <a href="#" id="rBtn_ln" class="nxt"><span>Next</span></a> </div> <p class="title-fn"></p> <div id="itemContainer_ln" class="viewBox"> <ul id="itemList_ln"> // 第一頁面的兩張圖 // --- Page 1 Begin --- <li> <div><table> <tr> <th><a href="連結一"><img src="圖片一"/></a></th> <td class="split"></td> <th><a href="連結二"><img src="圖片二"/></a></th> </tr> <tr> <td><a href="連結一">說明一</a></td> <td class="split"></td> <td><a href="連結二">說明二</a></td> </tr> </table></div> </li> // --- Page 1 End --- // 請依照上面格式複製貼上，做第二個頁面的兩張圖… 以此類推 </ul> </div> </div> </div> </div>  js 的部份，剛剛喵了一下，應該是把他吃掉就好 http://tw.yimg.com/i/tw/news/yimg/lsm_news_ext_070606.js 當然必要的 YUI 還是要引入理論上把 rollingRotateAnim 部份留著就好那段 code 看起來還好（不過我沒有很仔細看啦…）不知道有沒有 API 可以查... 大概是這樣～他裏面一些變數應該可以猜得到。 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 61.62.42.9

推

TonyQ

12/10 21:04, , 1^F

12/10 21:04, 1^F

→

chrisQQ

12/10 22:13, , 2^F

12/10 22:13, 2^F

推

OCG

12/11 01:14, , 3^F

12/11 01:14, 3^F