607
響應式社會化分享按鈕
目前絕大多數網站都使用了社會化分享按鈕，即使是一個簡單的專題頁都會使用上，這樣做，無非就是想做到讓讓用戶更便捷的分享自己認為不錯的內容，到各大社交平台等。社會化分享按鈕似乎已經成為一個網站或者專題頁麵的標配，那麼如何去添加這樣的分享按鈕呢？這裏就分享給大家一個響應式社會化分享按鈕(RRSSB)代碼，即使用在手機端也得到很好的顯示效果哦。
RRSSB使用SASS編寫，所以你可以很方便的改裏麵的樣式。下麵是使用方法：
使用教程
STEP1: 嵌入樣式表和JS文件
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script><script src="js/rrssb.min.js"></script><link rel="stylesheet" href="css/rrssb.css" />
STEP2: 分享按鈕使用無序列表<ul>編寫，然後加上.rrssb-buttons樣式
<ul > <li > ... </li> <li > ... </li> ... <li > ...</li> </ul>
兼容性
- 測試分辨率在140px – 15465px
- IE9+
- 其它流行的瀏覽器（Firefox, Chrome, Safari, Opera等…）
怎麼樣是不是覺得很不錯呢？對了，最後提醒一下，因為google在天朝遭到屏蔽所以涉及到的google的JS，大家可以先下載下來放至本地，或者用新浪的JS來代替
最後更新：2017-11-09 14:35:33