SuperSlide(jQuery圖片滑動特效合集) 2017 綠色版

　　SuperSlide是图片特效一款網站信息展示的設計軟件 ，通過該軟件 ，滑动合集用戶可以快速的 绿對自己的網站展示方式鋪開編輯
，您可以選擇文字設計、色版圖片設計 ，图片特效扶植您更換不一樣的滑动合集辅助软件有哪些好用顯示效果，您可以選擇圖片循環播放、 绿文字循環滾動等 ，色版讓你的图片特效網站內容變得更加豐碩多彩
，特別是滑动合集對於網店來會談，展示自己商品的 绿圖片時必須的 ，但是色版網頁的大小不能完全展示
 ，就可以通過圖片滾動的图片特效方式播放多張商品圖片，讓用戶可以在逛店鋪的滑动合集時候校驗到更多的商品，該軟件擁穿著多種設計方式， 绿您可以自己下載體驗 。

軟件功能

　　1 、SuperSlide可以扶植用戶快速的設計網站展示的特效

　　2 、擁穿著設計標簽切換效果

　　3 、擁穿著切換幻燈片設置

　　4、可以設計圖片滾動方式，游戏辅助软件开挂免费向上  、向左

　　5、可以設計網站圖片無縫滾動，一張一張的展示循環播放

　　6 、可以設置文字的滾動方式，就像LED字幕一樣

軟件特色

　　效果類型，可選"slide"||"menu" ，引入type:"menu"專門籌備菜單/導航效果

　　默認是否執行效果（第一次運行是否執行效果）常用於導航/菜單

　　鼠標移出容器，是否返回默認狀態
 ，常用於導航/菜單

　　內容切換加載，食物语如何开挂暫時隻擁穿著圖片，必須配合後台程序使用。當為圖片的時候switchLoad為圖片實際路徑的屬性名稱

　　每次切換效果起始時執行函數 ，用於籌備特殊情況或創建更多效果。用法 satrtFun:function(i,c){ }； 其中i為當前分頁 ，c為總頁數

　　[v2.1]增補傳遞參數

　　毫秒，titCell觸發時間 ，默認150毫秒延遲，以防重複執行效果。若為0即鼠標移過titCell立刻執行效果

　　前/後按鈕是食物语辅助排行否綿延循環 ，若為false則當翻動到最前/後頁時，前/後按鈕點擊無效 ，同時增補prevStop/nextStop類名控製樣色

　　毫秒；自動運行間隔
。當effect為無縫滾動(topMarquee/leftMarquee)時 ，相當於運行速度
。

使用計劃

　　1、引用jQuery.js 和 jquery.SuperSlide.js

　　因為SuperSlide是基於jQuery的插件，所以前提必須先引用jQuery，再引用SuperSlide

　　2、編寫HTML

　　以下是食物语最佳辅助默認的HTMl結構 ，分別是 ".hd" 裏麵包含ul， ".bd" 裏麵包含ul

　　3  、編寫CSS，為HTML授予樣色

　　認真檢查您的css，保證兼容大部分校驗器前提下再調用SuperSlide

　　4 、調用SuperSlide

　　在本例中 ，請在 “.slideTxtBox” div落成後立刻調用 SuperSlide，這樣會得到最好的效果  ，避免整個頁麵加載後再調用 SuperSlide；

　　因為是默認HTML結構 ，所以參數都為默認值 ，不用填寫titCell、mainCell等
。

　　5  、效果如下 ：

常見尷尬

　　導航下拉菜單被遮借宿或顯示不全尷尬所在和解決計劃

　　導航下拉菜單被banner遮借宿/顯示不全，這種尷尬是老生常會談了，經常有新手會問，有些人做了2、3年的還會經常犯錯，而且好多人還以為是js尷尬 ，其實這是基本的css知識。我覺得還是有必要寫一遍文章解釋給新手們。

　　一、導航下拉菜單被遮借宿，那是因為層疊關係錯誤

　　我們必須理解層疊關係滿足的2個條件
：

　　1 、必須是同級；

　　2 、二者分別設定了position:relative 或 absolute 或 fixed；

　　這時候通過設置z-index才有效

　　SuperSlide滾動的遮罩層寬/高怎麽計算的？如何設置具體一個值？

　　當我們使用滾動效果 ，例如：left
、leftLoop 、top
、topLoop、leftMarquee
、topMarquee等的時候，SuperSlide會自動設置一個“遮罩層（tempWrap）”來限製可視範圍，超出範圍的將會被躲避起來。

　　可視範圍取決於 vis 參數和一個滾動元素的寬高 ，例如 ：

　　參數vis ：3，effect：left；滾動元素為li。即li左滾動 ，可視範圍為3個li寬度 。

　　公式： tempWrap寬度 = li寬度 * vis = （li的width + li的padding + li的margin）*3

　　這樣做法是為了保證效果的正確顯示，而不會裸露半個li的情況 。

　　但是，有時候客觀原因使我們必須設置具體的某一個值 ，而不是程序計算出來的結果 ，這時候我們可以用css來強製設置tempWrap的寬高。