Spry標籤面板的點選改滑入

Dreamweaver中的Spry標籤面板預設是點選標籤來換面板，
能否將點選改成滑鼠滑入標籤即換面板呢？(yahoo即如此呀~)

插入==>Spry==>Spry標籤面板
點選整個Spry標籤面板:TabbedPanels1，屬性面板加減面板數目
輸入面板標籤及內容
透過CSS樣式設定寬度及顏色（如下圖）

當滑點選標籤時，切換顯示面板。

如果希望當滑鼠滑入標籤時，即切換顯示面板，
則必須開啟「SpryTabbedPanels.js」

找到「click」的位置（這表示點選按一下才執行切換面板）

將「click」換成「mouseover」（這表示當滑鼠滑入即執行切換面板）

 

Posted on 一月 24, 2010 by 張翠玲

Filed under 網頁設計 | 11 迴響 funP udn Yahoo! Delicious Digg

« Spry折疊式面板的高度問題 | Main | 商品展示技巧：XML+Spry+Ligh... »
評分： 1分 2分 3分 4分 5分 得分: 3.6667/ 投票數: 3


迴響:

老師你真的很認真，提供的資料又詳盡，之前上過梁xx老師的課，同樣是網頁的課程，但他的講解我很難懂，而且比較沒那麼有耐心的說…

由...發表 Leah on 一月 24, 2010 at 05:22 下午 CST #

Re:Leah謝謝你！
但請別這麼說啊！尷尬了呀！梁老師很強的，他也指導了我許多東西，或許男孩子嘛！耐心總稍缺了些而已！

由...發表 Tsuiling on 一月 25, 2010 at 01:01 下午 CST #

哈哈~梁xx是名師，當然很強，但我聽不太懂這就檻尬了呀

由...發表 Leah on 一月 25, 2010 at 01:50 下午 CST #

老師我已上傳戰國策的server 是不是這個連線設定要改戰國策的 只出現首頁真它不能連？ http://www.hsiaoseplei.com 幫我看看好嗎？ 謝謝！

由...發表 陳筱蕾 on 二月 10, 2010 at 07:51 下午 CST #

老師你不是說我們是的資料庫帳號密碼可以改，你沒教我們，現在戰國策的資料庫吺定密碼是5 個字以上。怎麼辦？我問工作人員說一定要從那改啦！請老師明示！拜託拜託！就差一步就可以成功了！ 急件！謝謝！

由...發表 陳筱蕾 on 二月 11, 2010 at 03:44 下午 CST #

老師您好 我是在查"spry標籤面板的滑入方式"看到你的網站教學， 我受用無窮，非常非常的感謝您! 不過有可能在同個網頁上有不同的"spry標籤面板"的方式嗎? 類似說面板1是要4欄，面板2是要2欄

由...發表 judy on 三月 09, 2010 at 11:02 上午 CST #

Re:judy 不客氣！
同一個網頁上需要有不同的"spry標籤面板"，是可行的，你可以在同一個css檔中將類別複製設計成二個不同的名稱，一個給面板１使用，一個給面板２使用，這樣就可以讓同一網頁中擁有二個不同樣子的spry標籤面板了。！
這樣的解說能了解嗎？

由...發表 Tsuiling on 三月 09, 2010 at 05:21 下午 CST #

老師謝謝您，這樣的解說我了解了，也試做成功了，非常感謝您耶!!那spry標籤面板要怎麼像pchome首頁那樣，可以做連結到另一個頁面去呢?謝謝!

由...發表 judy on 三月 15, 2010 at 03:16 下午 CST #

Re：judy，如果想像pchome首頁標籤面板的連結，只需要選取文字，屬性面板設定連結即可呦!

由...發表 Tsuiling on 三月 15, 2010 at 11:21 下午 CST #

老師您好,我的spry標籤面板跟折疊式在本機預覽都可以用,但上傳後只有firefox可用,IE是直接展開,請問是程式有問題嗎? 還是IE不支援之類的?謝謝.

由...發表 140.135.113.118 on 九月 30, 2010 at 06:59 下午 CST #

spry標籤面板跟折疊式在各瀏覽器都可以顯示的, 請參看這裡使用了標籤面板, 請參看這裡左邊使用了折疊式

由...發表 tsuiling on 十月 01, 2010 at 06:14 下午 CST #

發表迴響:
  • HTML 語法: 開啟