jQuery small2big圖片縮放插件
jQuery small2big圖片縮放插件，相容主流瀏覽器，php中文網推薦下載！
使用方法：
1、head區域引用檔案css和js庫
2.在檔案中加入html程式碼， 一個li對應一個圖片，images資料夾的圖片以數字命名 1.jpg, 2.jpg, ...
<ul class="s2b_col" id="s2b_col">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
3、引入以下js程式碼
$(document).ready(function(){
$("#s2b_col").small2big({
s2bRadius : 170, // 圖片放大時的圓形外框的半徑
s2bColLiRowMargin : -10, // 每個圓形之間的距離
s2bLiBorderColor : "#000" // 圓形外框顏色
// s2bLiAlign : "V" 圖片直排
}).initS2bCol().addS2bFunction();
});
使用方法：
1、head區域引用檔案css和js庫
2.在檔案中加入html程式碼， 一個li對應一個圖片，images資料夾的圖片以數字命名 1.jpg, 2.jpg, ...
<ul class="s2b_col" id="s2b_col">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
3、引入以下js程式碼
$(document).ready(function(){
$("#s2b_col").small2big({
s2bRadius : 170, // 圖片放大時的圓形外框的半徑
s2bColLiRowMargin : -10, // 每個圓形之間的距離
s2bLiBorderColor : "#000" // 圓形外框顏色
// s2bLiAlign : "V" 圖片直排
}).initS2bCol().addS2bFunction();
});
免責聲明
本站所有資源皆由網友貢獻或各大下載網站轉載。請自行檢查軟體的完整性！本站所有資源僅供學習參考。請不要將它們用於商業目的。否則，一切後果都由您負責！如有侵權，請聯絡我們刪除。聯絡方式：admin@php.cn
相關文章
5 jQuery圖片庫插件
22 Feb 2025
發現5個一流的jQuery圖像庫插件，以展示您的圖像！ 儘管存在許多選項，但我們已經策劃了五個最容易使用，最吸引人的jQuery圖像庫插件。 相關文章： 5驚人的jquery touch swi
為什麼我無法在 Firefox 和 Internet Explorer 中製作背景圖片動畫？
05 Nov 2024
關鍵影格中的背景圖片：在 Firefox 和 Internet Explorer 中無效據報道，該問題涉及缺少背景圖片...
CSS 中的 Base64 編碼背景圖片可以提高網站效能嗎？
05 Jan 2025
在 CSS 中嵌入背景圖片作為 Base64：效能優化使用 Base64 編碼在 CSS 中嵌入背景圖片提供了某些...
Hot Tools
jQuery 3D圖片滑桿輪播特效
基於jQuery實現的3D圖片Slider輪播特效
純CSS實作滑鼠經過圖片特效酷炫切換動畫
純CSS實作滑鼠經過圖片特效酷炫切換動畫代碼下載。
html5有視差效果的圖片輪播插件
一款html5有視差效果的圖片輪播插件，可滑鼠控制圖片，在圖片輪播滾動時產生酷炫的視覺差效果。
B站頭圖互動式滑鼠懸停景深對焦效果
一款B站頭圖互動式滑鼠懸停景深對焦效果網頁特效。
可拖曳旋轉的酷炫jQuery 3D圖片牆特效
一款可拖曳旋轉的酷炫jQuery 3D圖片牆特效，圖片圍繞起來形成一個圓形的圖片牆，而且每張圖片都帶有發光與倒影效果，非常好看的圖片展示特效。
熱門文章
Hello Kitty 島冒險：巧克力貓角色指南
24 Jan 2025
手游攻略
如何修復KB5050081無法在Windows 10中安裝？
31 Jan 2025
故障排查
如何修復 Windows 更新錯誤 0x80070306？
22 Jan 2025
故障排查
AI Checkers可能會標記您的寫作的4個原因，即使您不使用Chatgpt
27 Jan 2025
人工智慧
丟失記錄：Bloom＆Rage -Corey和Dylan的鎖組合
19 Feb 2025
手游攻略