服務信箱：sr.design2011@gmail.com搜尋本網站

SR網頁設計工作室 - 購物網站/企業官網專業開發

搜索
SR網頁設計工作室 - 購物網站/企業官網專業開發 › JS程式語法 › 一個簡單實用的JQ文字呼叫效果 (點擊文字出現DIV標籤) ...

一個簡單實用的JQ文字呼叫效果 (點擊文字出現DIV標籤)

byadmin 發表於 2013-5-3 15:53:17 , 9693人已閱讀 , 0人回應
先看展示範例 Demo

《效果圖片》
jq文字效果.jpg

  2. <script type="text/javascript">
  3. $(document).ready(function() {
  4. // hides the slickbox as soon as the DOM is ready
  5. // (a little sooner than page load)
  6.   $('要呼叫的div class或標籤').hide();  //隱藏要呼叫的div

  8.   // toggles the slickbox on clicking the noted link
  9.   $('超連結文字class或標籤').click(function() {       //指定呼叫按鈕
  10.     $('要呼叫的div class或標籤').slideToggle(400);   //顯示隱藏的div
  11.     return false;
  12.   });
  13. });
  14. </script>
複製代碼
HTML部分

  2. <a id="jqtextcall" href="#">點擊我顯示</a>    //jqtextcall為呼叫文字                        
  3. <div id="hiddenbox">顯示文字效果, 內容可自由輸入圖片或是文字效果</div> //hiddenbox 被呼叫的div
複製代碼
jq文字效果

收藏回覆 只看該作者 道具 舉報

返回列表
Traffic Exchange Site
高級模式
B Color Image Link Quote Code Smilies
您需要登錄後才可以回帖 登錄 | 立即註冊

作者資訊

admin

文章分類

Contact us

歡迎您使用以下方式聯繫我們 , 本工作室服務時間為每日早上10:00點至晚間7:30點 ,也可點選下方 Contact us 進入留言板留下您的問題與相關聯絡資訊 , 我們將會儘快了解與回覆您。

SR數位設計工作室

  • 服務專線：03-3555-069


ECSHOP購物網站開發|接案說明|線上洽詢|隱私權政策|SR數位設計(CMS)

信箱：sr.design2011@gmail.com

本網站推薦使用以下瀏覽器 (請點擊圖式下載)

, Processed in 0.085491 second(s), 42 queries , Gzip On.

Copyright © 2011-2014 Template By SR網頁設計清新部落風格

Core - DZ2.5　GMT+8, 2024-11-24 19:22

回頂部