Java script

[Jquery] jbox套件

這是一個還蠻不錯用的套件,有tooltip 還有fancybox燈箱的功能

http://stephanwagner.me/jBox/get_started

官方網址是這個 而使用方式很簡單 上面這個頁面都有介紹

http://stephanwagner.me/jBox/demos

你只要在你的網頁head裡面引入

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jboxcdn.com/0.3.2/jBox.min.js"></script>
<link href="http://code.jboxcdn.com/0.3.2/jBox.css" rel="stylesheet">

然後再看你要甚麼功能 在啟動對應的js
例如 我要燈箱的功能 我就寫

<script type="text/javascript">
 
  $(document).ready(function() {
     
     new jBox('Image');
     
  });
 
</script>

之後再body的地方

這樣就可以了

Be the First to comment.

Leave a Comment

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

(若看不到驗證碼,請重新整理網頁。)