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

先看展示範例 Demo

《效果圖片》

1. 
   
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
   
7. 
   
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部分

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

複製代碼