fsbanner是一款自定義功能豐富的響應式網站Banner手風琴特效jQuery插件。該手風琴特效相容性很好,支持點擊和滑鼠滑過等觸發事件,並且可添加標題或描述。 線上實例 使用方法 複製 複製 參數詳解 下載 ...
fsbanner是一款自定義功能豐富的響應式網站Banner手風琴特效jQuery插件。該手風琴特效相容性很好,支持點擊和滑鼠滑過等觸發事件,並且可添加標題或描述。
線上實例
預設 | 帶標題 | 滑鼠滑過 |
帶文字介紹 | 帶文字介紹(預設隱藏) | onChanged事件 |
使用方法
- <div class='fsbanner' >
- <div style='background-image:url(images/black.jpg)'></div>
- <div style='background-image:url(images/brown.jpg)'></div>
- <div style='background-image:url(images/panda.jpg)'></div>
- <div style='background-image:url(images/polar.jpg)'></div>
- </div>
- $('.fsbanner').fsBanner();
參數詳解
參數 | 描述 | 預設值 |
showName | 若設為true, .name 元素將被顯示在Banner的左下方 | true |
trigger | 使用哪種方式來觸發手風琴的展開和收縮。有mouse,click.預設點擊click, | click |
whenEmpty | 當沒有Banner展開的時候,設置相關屬性title: '素材火', description: '素材火提供網站模板,jQuery特效,PHP包括PHP教程PHP源碼PHP商城源碼PHP培訓PHP面試題和PHP招聘等' | - |
onChanged | 當banner被展開的時候該函數將被觸發。它接收2個參數:展開的banner和之前展開的banner。這些參數是jQuery選擇器。 | {} |
toUpdate | 當你展開一個Banner的時候,腳本會從它的HTML元素中的span元素中獲取信息。你可以通過這個選項來使用這些值去更新其它元素。 | {} |
hideParent | 如果設置了該選項,whenEmpty參數將被忽略。當沒有banner同時又設置了hideParent的時候,腳本將隱藏傳入的選擇器元素。 | - |
下載