這篇文章主要介紹了jQuery實(shí)現(xiàn)幻燈片焦點(diǎn)圖,可實(shí)現(xiàn)非常炫目時(shí)尚的幻燈片效果,非常具有實(shí)用價(jià)值,基本能滿足你在網(wǎng)頁(yè)上使用幻燈片(焦點(diǎn)圖)效果,需要的朋友可以參考下

網(wǎng)站建設(shè)哪家好,找創(chuàng)新互聯(lián)建站!專注于網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、微信小程序開(kāi)發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了東洲免費(fèi)建站歡迎大家使用!
幻燈片效果描述:與前兩節(jié)不同的是,這款特效可以打開(kāi)頁(yè)面隨機(jī)選擇切換方式(方向)
運(yùn)行效果截圖如下:
具體代碼如下
head
meta
http-equiv="Content-Type"
content="text/html;
charset=gb2312"
/
titleJquery幻燈片焦點(diǎn)圖插件/title
script
src="js/jquery-1.4a2.min.js"
type="text/javascript"/script
script
src="js/jquery.-1.2.1.min.js"
type="text/javascript"/script
script
type="text/javascript"
//打開(kāi)頁(yè)面隨機(jī)選擇
切換方式(方向),怕增大KinSlideshow.js文件
就沒(méi)把隨機(jī)切換寫到里面。
//使用時(shí)如有需要隨機(jī)自己寫在前面是一樣的。而且還可以只固定隨機(jī)切換哪幾種。
var
moveStyle
var
rand
=parseInt(Math.random()*4)
switch(rand){
case
0:
moveStyle="left"
;break;
case
1:
moveStyle="right"
;break;
case
2:
moveStyle="down"
;break;
case
3:
moveStyle="up"
;break;
}
$(function(){
$("#KinSlideshow1").KinSlideshow({moveStyle:moveStyle});
})
/script
style
type="text/css"
#KinSlideshow{
overflow:hidden;
width:600px;
height:300px;}
/style
/head
body
h2打開(kāi)頁(yè)面隨機(jī)選擇切換方式(方向)---刷新看看
^_^/h2
div
id="KinSlideshow1"
style="visibility:hidden;"
a
target="_blank"img
src="images/11.png"
alt="Jquery幻燈片焦點(diǎn)圖插件"
width="600"
height="300"
//a
a
target="_blank"img
src="images/23.png"
alt="Jquery幻燈片焦點(diǎn)圖插件"
width="600"
height="300"
//a
a
target="_blank"img
src="images/4.jpg"
alt="Jquery幻燈片焦點(diǎn)圖插件"
width="600"
height="300"
//a
a
target="_blank"img
src="images/5.jpg"
alt="Jquery幻燈片焦點(diǎn)圖插件"
width="600"
height="300"
//a
a
target="_blank"img
src="images/22.png"
alt="Jquery幻燈片焦點(diǎn)圖插件"
width="600"
height="300"
//a
/div
/body
/html
希望本文所述對(duì)大家的Jquery特效設(shè)計(jì)有所幫助。
簡(jiǎn)介
slick 是一個(gè)基于 jQuery 的響應(yīng)觸摸式幻燈片插件,支持IE8+,Chrome, Firefox, and Safari,具有以下特點(diǎn):
支持響應(yīng)式
瀏覽器支持 CSS3 時(shí),則使用 CSS3 過(guò)度/動(dòng)畫
支持移動(dòng)設(shè)備滑動(dòng)
支持桌面瀏覽器鼠標(biāo)拖動(dòng)
支持循環(huán)
支持左右控制
支持動(dòng)態(tài)添加、刪除、過(guò)濾
支持自動(dòng)播放、圓點(diǎn)、箭頭、回調(diào)等等
兼容
瀏覽器兼容:兼容 IE7+ 及其他主流瀏覽器,若要兼容 IE7,需修改 CSS(slick.css)。
jQuery兼容:兼容 1.7 及以上版本。
使用方法
1、引入文件
link rel="stylesheet" href="style/slick.css"
script src="script/jquery.min.js"/script
script src="script/slick.min.js"/script
注意:需jQuery 1.7 +
2、HTML
div class="slick"
?diva href=""img src="images/1.jpg" alt=""/a/div
?diva href=""img src="images/2.jpg" alt=""/a/div
?diva href=""img src="images/4.jpg" alt=""/a/div
?diva href=""img src="images/3.jpg" alt=""/a/div
/div
3、JavaScript
$(function(){
?$('.slick').slick({
??? ?dots: true
? });
});
參數(shù)
參數(shù)類型默認(rèn)值說(shuō)明
accessibility布爾值true啟用Tab鍵和箭頭鍵導(dǎo)航
autoplay布爾值false自動(dòng)播放
autoplaySpeed整數(shù)3000自動(dòng)播放間隔
centerMode布爾值false中心模式
centerPadding字符串’50px’中心模式左右內(nèi)邊距
cssEase字符串‘ease’CSS3 動(dòng)畫
customPagingfunctionn/a自定義分頁(yè)
dots布爾值false指示點(diǎn)
draggable布爾值true啟用桌面拖動(dòng)
easing字符串‘linear’animate() fallback easing
fade布爾值false淡入淡出
arrows布爾值true左右箭頭
infinite布爾值true循環(huán)播放
lazyLoad字符串‘ondemand’延遲加載,可選 ondemand 和 progressive
onBeforeChange(this, index)methodnull開(kāi)始切換前的回調(diào)函數(shù)
onAfterChange(this, index)methodnull切換后的回調(diào)函數(shù)
onInit(this)methodnull第一次初始化后的回調(diào)函數(shù)
onReInit(this)methodnull再次初始化后的回調(diào)函數(shù)
pauseOnHover布爾值true鼠標(biāo)懸停暫停自動(dòng)播放
responsiveobjectnull斷點(diǎn)觸發(fā)設(shè)置
slide字符串‘div’滑動(dòng)元素查詢
slidesToShow整數(shù)1幻燈片每屏顯示個(gè)數(shù)
slidesToScroll整數(shù)1幻燈片每次滑動(dòng)個(gè)數(shù)
speed整數(shù)300滑動(dòng)時(shí)間
swipe布爾值true移動(dòng)設(shè)備滑動(dòng)事件
touchMove布爾值true觸摸滑動(dòng)
touchThreshold整數(shù)5滑動(dòng)切換閾值,即滑動(dòng)多少像素后切換
useCSS布爾值true使用 CSS3 過(guò)度
vertical布爾值false垂直方向
方法
方法Argument說(shuō)明
slick()options : object初始化 slick
unslick()?銷毀 slick
slickNext()?切換下一張
slickPrev()?切換上一張
slickPause()?暫停自動(dòng)播放
slickPlay()?開(kāi)始自動(dòng)播放
slickGoTo()index : int切換到第 x 張
slickCurrentSlide()?返回當(dāng)前幻燈片索引
slickAdd()element : html or DOM object, index: int, addBefore: boolAdd a slide. If an index is provided, will add at that index, or before if addBefore is set. If no index is provided, add to the end or to the beginning if addBefore is set. Accepts HTML String
slideRemove()index: int, removeBefore: boolRemove slide by index. If removeBefore is set true, remove slide preceding index, or the first slide if no index is specified. If removeBefore is set to false, remove the slide following index, or the last slide if no index is set.
slickFilter()filter : selector or functionFilters slides using jQuery .filter syntax
slickUnfilter()?Removes applied filter
slickSetOption(option,value,refresh)option : string(option name), value : depends on option, refresh : 布爾值Sets an option live. Set refresh to true if it is an option that changes the display
maxentries ? ?總條目數(shù) ? ?必選參數(shù),整數(shù) ?
items_per_page ? ?每頁(yè)顯示的條目數(shù) ? ?可選參數(shù),默認(rèn)是10 ?
num_display_entries ? ?連續(xù)分頁(yè)主體部分顯示的分頁(yè)條目數(shù) ? ?可選參數(shù),默認(rèn)是10 ?
current_page ? ?當(dāng)前選中的頁(yè)面 ? ?可選參數(shù),默認(rèn)是0,表示第1頁(yè) ?
num_edge_entries ? ?兩側(cè)顯示的首尾分頁(yè)的條目數(shù) ? ?可選參數(shù),默認(rèn)是0 ?
link_to ? ?分頁(yè)的鏈接 ? ?字符串,可選參數(shù),默認(rèn)是"#" ?
prev_text ? ?“前一頁(yè)”分頁(yè)按鈕上顯示的文字 ? ?字符串參數(shù),可選,默認(rèn)是"Prev" ?
next_text ? ?“下一頁(yè)”分頁(yè)按鈕上顯示的文字 ? ?字符串參數(shù),可選,默認(rèn)是"Next" ?
ellipse_text ? ?省略的頁(yè)數(shù)用什么文字表示 ? ?可選字符串參數(shù),默認(rèn)是"..." ?
prev_show_always ? ?是否顯示“前一頁(yè)”分頁(yè)按鈕 ? ?布爾型,可選參數(shù),默認(rèn)為true,即顯示“前一頁(yè)”按鈕 ?
next_show_always ? ?是否顯示“下一頁(yè)”分頁(yè)按鈕 ? ?布爾型,可選參數(shù),默認(rèn)為true,即顯示“下一頁(yè)”按鈕 ?
callback ? ?回調(diào)函數(shù) ? ?默認(rèn)無(wú)執(zhí)行效果 ?
首先這些都不叫插件,叫JavaScript框架,也叫Jquery類庫(kù),是所有Jquery插件(有很多,Jquery幻燈啊,Jquery導(dǎo)航啊,請(qǐng)百度)的基礎(chǔ),就是你要用Jquery插件就要導(dǎo)入jquery-1.4.2.js這些query-1.4.2.js里面有注釋的教你怎么用的,數(shù)字是版本號(hào)jquery-1.6.4.min.js
帶min是壓縮后的,可以掛網(wǎng)頁(yè)上得,用于減少加載。
jquery正規(guī)命名規(guī)范
jquery -版本號(hào)
.min壓縮版
不帶.min就是未壓縮版
jquery-1.6.4.min.js
一般使用都用帶.min的
節(jié)省加載時(shí)間。
其他的都是基于
jquery做的開(kāi)發(fā),命名各不相同,但都依賴于jquery
//200多個(gè)插件如下?實(shí)際開(kāi)發(fā)中?請(qǐng)選擇合適的使用
1:文件上傳類jQuery插件
Ajax?File?Upload.
jQUploader.
Multiple?File?Upload?plugin.
jQuery?File?Style.
Styling?an?input?type?file.
Progress?Bar?Plugin.
2:表單驗(yàn)證類jQuery插件
jQuery?Validation.
Auto?Help.
Simple?jQuery?form?validation.
jQuery?XAV?–?form?validations.
jQuery?AlphaNumeric.
Masked?Input.
TypeWatch?Plugin.
Text?limiter?for?form?fields.
Ajax?Username?Check?with?jQuery.
3:表單選擇框類jQuery插件
jQuery?Combobox.
jQuery?controlled?dependent?(or?Cascadign)?Select?List.
Multiple?Selects.
Select?box?manipulation.
Select?Combo?Plugin.
jQuery?–?LinkedSelect
Auto-populate?multiple?select?boxes.
Choose?Plugin?(Select?Replacement).
4:表單基本、輸入框、選擇框等jQuery插件
jQuery?Form?Plugin.
jQuery-Form.
jLook?Nice?Forms.
jNice.
Ping?Plugin.
Toggle?Form?Text.
ToggleVal.
jQuery?Field?Plugin.
jQuery?Form’n?Field?plugin.
jQuery?Checkbox?manipulation.
jTagging.
jQuery?labelcheck.
Overlabel.
3?state?radio?buttons.
ShiftCheckbox?jQuery?Plugin.
Watermark?Input.
jQuery?Checkbox?(checkboxes?with?imags).
jQuery?SpinButton?Control.
jQuery?Ajax?Form?Builder.
jQuery?Focus?Fields.
jQuery?Time?Entry.
5:時(shí)間、日期和顏色選取類jQuery插件
jQuery?UI?Datepicker.
jQuery?date?picker?plugin.
jQuery?Time?Picker.
Time?Picker.
ClickPick.
TimePicker.
Farbtastic?jQuery?Color?Picker?Plugin.
Color?Picker?by?intelliance.fr.
6:投票類jQuery插件
jQuery?Star?Rating?Plugin.
jQuery?Star?Rater.
Content?rater?with?asp.net,?ajax?and?jQuery.
Half-Star?Rating?Plugin.
7:搜索類jQuery插件
jQuery?Suggest.
jQuery?Autocomplete.
jQuery?Autocomplete?Mod.
jQuery?Autocomplete?by?AjaxDaddy.
jQuery?Autocomplete?Plugin?with?HTML?formatting.
jQuery?Autocompleter.
AutoCompleter?(Tutorial?with?PHPMySQL).
quick?Search?jQuery?Plugin.
8:jQuery編輯器插件
jTagEditor.
WYMeditor.
jQuery?jFrame.
Jeditable?–?edit?in?place?plugin?for?jQuery.
jQuery?editable.
jQuery?Disable?Text?Select?Plugin.
Edit?in?Place?with?Ajax?using?jQuery.
jQuery?Plugin?–?Another?In-Place?Editor.
TableEditor.
tEditable?–?in?place?table?editing?for?jQuery.
9:多媒體、視頻、Flash等類jQuery插件
jMedia?–?accessible?multi-media?embedding.
JBEdit?–?Ajax?online?Video?Editor.
jQuery?MP3?Plugin.
jQuery?Media?Plugin.
jQuery?Flash?Plugin.
Embed?QuickTime.
SVG?Integration.
圖片類jQuery插件
ThickBox.
jQuery?lightBox?plugin.
jQuery?Image?Strip.
jQuery?slideViewer.
jQuery?jqGalScroll?2.0.
jQuery?–?jqGalViewII.
jQuery?–?jqGalViewIII.
jQuery?Photo?Slider.
jQuery?Thumbs?–?easily?create?thumbnails.
jQuery?jQIR?Image?Replacement.
jCarousel?Lite.
jQPanView.
jCarousel.
Interface?Imagebox.
Image?Gallery?using?jQuery,?Interface??Reflactions.
simple?jQuery?Gallery.
jQuery?Gallery?Module.
EO?Gallery.
jQuery?ScrollShow.
jQuery?Cycle?Plugin.
jQuery?Flickr.
jQuery?Lazy?Load?Images?Plugin.
Zoomi?–?Zoomable?Thumbnails.
jQuery?Crop?–?crop?any?image?on?the?fly.
Image?Reflection.
10:Google地圖類jQuery插件應(yīng)用
jQuery?Plugin?googlemaps.
jMaps?jQuery?Maps?Framework.
jQmaps.
jQuery??Google?Maps.
jQuery?Maps?Interface?forr?Google?and?Yahoo?maps.
jQuery?J?Maps?–?by?Tane?Piper.
11:游戲類jQuery插件
Tetris?with?jQuery.
jQuery?Chess.
Mad?Libs?Word?Game.
jQuery?Puzzle.
jQuery?Solar?System?(not?a?game?but?awesome?jQuery?Stuff).
12:表格,網(wǎng)格類jQuery插件
UI/Tablesorter.
jQuery?ingrid.
jQuery?Grid?Plugin.
Table?Filter?–?awesome!.
TableEditor.
jQuery?Tree?Tables.
Expandable?“Detail”?Table?Rows.
Sortable?Table?ColdFusion?Costum?Tag?with?jQuery?UI.
jQuery?Bubble.
TableSorter.
Scrollable?HTML?Table.
jQuery?column?Manager?Plugin.
jQuery?tableHover?Plugin.
jQuery?columnHover?Plugin.
jQuery?Grid.
TableSorter?plugin?for?jQuery.
tEditable?–?in?place?table?editing?for?jQuery.
jQuery?charToTable?Plugin.
jQuery?Grid?Column?Sizing.
jQuery?Grid?Row?Sizing.
13:統(tǒng)計(jì)類jQuery插件
jQuery?Wizard?Plugin?.
jQuery?Chart?Plugin.
Bar?Chart.
14:邊框、圓角、背景類jQuery插件
jQuery?Corner.
jQuery?Curvy?Corner.
Nifty?jQuery?Corner.
Transparent?Corners.
jQuery?Corner?Gallery.
Gradient?Plugin.
14:文字和超鏈接類jQuery插件
jQuery?Spoiler?plugin.
Text?Highlighting.
Disable?Text?Select?Plugin.
jQuery?Newsticker.
Auto?line-height?Plugin.
Textgrad?–?a?text?gradient?plugin.
LinkLook?–?a?link?thumbnail?preview.
pager?jQuery?Plugin.
shortKeys?jQuery?Plugin.
jQuery?Biggerlink.
jQuery?Ajax?Link?Checker.
15:文本提示類jQuery插件
jQuery?Plugin?–?Tooltip.
jTip?–?The?jQuery?Tool?Tip.
clueTip.
BetterTip.
Flash?Tooltips?using?jQuery.
ToolTip.
16:菜單和導(dǎo)航類jQuery插件
jQuery?Tabs?Plugin?–?awesome!?.?[demo?nested?tabs.]
another?jQuery?nested?Tab?Set?example?(based?on?jQuery?Tabs?Plugin).
jQuery?idTabs.
jdMenu?–?Hierarchical?Menu?Plugin?for?jQuery.
jQuery?SuckerFish?Style.
jQuery?Plugin?Treeview.
treeView?Basic.
FastFind?Menu.
Sliding?Menu.
Lava?Lamp?jQuery?Menu.
jQuery?iconDock.
jVariations?Control?Panel.
ContextMenu?plugin.
clickMenu.
CSS?Dock?Menu.
jQuery?Pop-up?Menu?Tutorial.
Sliding?Menu.
17:幻燈片、手風(fēng)琴特效類jQuery插件
jQuery?Plugin?Accordion.
jQuery?Accordion?Plugin?Horizontal?Way.
haccordion?–?a?simple?horizontal?accordion?plugin?for?jQuery.
Horizontal?Accordion?by?portalzine.de.
HoverAccordion.
Accordion?Example?from?fmarcia.info.
jQuery?Accordion?Example.
jQuery?Demo?–?Expandable?Sidebar?Menu.
Sliding?Panels?for?jQuery.
jQuery?ToggleElements.
Coda?Slider.
jCarousel.
Accesible?News?Slider?Plugin.
Showing?and?Hiding?code?Examples.
jQuery?Easing?Plugin.
jQuery?Portlets.
AutoScroll.
Innerfade.
18:拖放類jQuery插件
UI/Draggables.
EasyDrag?jQuery?Plugin.
jQuery?Portlets.
jqDnR?–?drag,?drop?resize.
Drag?Demos.
19:XML?XSL?JSON?Feeds相關(guān)jQuery插件
XSLT?Plugin.
jQuery?Ajax?call?and?result?XML?parsing.
xmlObjectifier?–?Converts?XML?DOM?to?JSON.
jQuery?XSL?Transform.
jQuery?Taconite?–?multiple?Dom?updates.
RSS/ATOM?Feed?Parser?Plugin.
jQuery?Google?Feed?Plugin.
20:瀏覽器
Wresize?–?IE?Resize?event?Fix?Plugin.
jQuery?ifixpng.
jQuery?pngFix.
Link?Scrubber?–?removes?the?dotted?line?onfocus?from?links.
jQuery?Perciformes?–?the?entire?suckerfish?familly?under?one?roof.
Background?Iframe.
QinIE?–?for?proper?display?of?Q?tags?in?IE.
jQuery?Accessibility?Plugin.
jQuery?MouseWheel?Plugin.
21:警告,?提示,?確認(rèn)等對(duì)話框
jQuery?Impromptu.
jQuery?Confirm?Plugin.
jqModal.
SimpleModal.
CSS
jQuery?Style?Switcher.
JSS?–?Javascript?StyleSheets.
jQuery?Rule?–?creation/manipulation?of?CSS?Rules.
jPrintArea.
22:DOM、AJAX和其它JQuery插件
FlyDOM.
jQuery?Dimenion?Plugin.
jQuery?Loggin.
Metadata?–?extract?metadata?from?classes,?attributes,?elements.
Super-tiny?Client-Side?Include?Javascript?jQuery?Plugin.
Undo?Made?Easy?with?Ajax.
JHeartbeat?–?periodically?poll?the?server.
Lazy?Load?Plugin.
Live?Query.
jQuery?Timers.
jQuery?Share?it?–?display?social?bookmarking?icons.
jQuery?serverCookieJar.
jQuery?autoSave.
jQuery?Puffer.
jQuery?iFrame?Plugin.
Cookie?Plugin?for?jQuery.
jQuery?Spy?–?awesome?plugin.
Effect?Delay?Trick.
jQuick?–?a?quick?tag?creator?for?jQuery..
1.flavr—超級(jí)漂亮的jQuery扁平彈出對(duì)話框 ? ??
2.輕量級(jí)觸摸響應(yīng)滑塊插件JQuery lightSlider ? ? ?
3.帶37種3D動(dòng)畫特效的跨瀏覽器CSS3動(dòng)畫框架 ? ? ??
4.jquery整屏滾動(dòng)插件Scrollify ? ? ? ?
5.jquery旋轉(zhuǎn)木馬插件SLICK ? ? ? ??
6.jquery文字動(dòng)畫插件LetterFX ? ? ? ? ?
7.jquery文本翻轉(zhuǎn)插件Wodry.js ? ? ??
8.jquery通知插件toastr ? ? ??
9.jQuery滾動(dòng)執(zhí)行動(dòng)畫插件FadeThis ? ? ?
10.jquery表單驗(yàn)證插件Bootstrap Validator ? ? ??
11.jCountdown倒計(jì)時(shí)插件jQuery ? ? ? ? ??
12.iCheck不一樣的checkbok ? ? ? ??
13.Owl Carousel強(qiáng)大的響應(yīng)式j(luò)Query焦點(diǎn)圖輪播插件 ??
14.magic-帶64種動(dòng)畫效果的CSS3動(dòng)畫庫(kù) ? ??
15.jQuery實(shí)時(shí)搜索插件-HideSeek ? ? ??
16.bootstrap modal對(duì)話框 ? ? ? ? ? ??
17.一款模擬CSS3動(dòng)畫的js插件-move.js ? ? ? ? ? ???
18.可替代CSS3 transition和transform的jQuery插件 ? ? ? ? ?
19.基于bootstrap的jQuery多功能模態(tài)對(duì)話框插件
20.帶CSS3過(guò)渡效果的js模態(tài)窗口插件 ? ? ???
21.支持移動(dòng)觸摸設(shè)備的簡(jiǎn)潔js幻燈片插件
22.jQuery輕量級(jí)響應(yīng)式扁平風(fēng)格tabs選項(xiàng)卡插件
23.jQuery輕量級(jí)響應(yīng)式Tooltip插件
24.jQuery簡(jiǎn)單且功能強(qiáng)大的圖片剪裁插件
25.帶CSS3動(dòng)畫過(guò)渡效果的jQuery模態(tài)窗口插件
26.中國(guó)省市區(qū)地址三級(jí)聯(lián)動(dòng)jQuery插件
27.移動(dòng)端優(yōu)先且支持jQuery和Zepto的模態(tài)對(duì)話框插件
28.jQuery簡(jiǎn)單實(shí)用的tooltip插件
29.帶CSS3過(guò)渡動(dòng)畫效果的jQuery Tabs選項(xiàng)卡插件
30.x0popup-純js彈出對(duì)話框插件
31.WOW.js-元素在頁(yè)面滾動(dòng)時(shí)展示CSS3動(dòng)畫JS插件
32.Windows8樣式的消息提示框jQuery插件
33.jQuery星級(jí)評(píng)分插件
34.fsBanner-實(shí)用的網(wǎng)站響應(yīng)式Banner手風(fēng)琴插件
35.draggabilly-功能強(qiáng)大的拖動(dòng)拖拽元素插件
36.驗(yàn)證插件vali.js
37.響應(yīng)式j(luò)Query圖片放大鏡插件magnificent.js
38.可快速生成各種陰影效果的jQuery插件
39.基于jquery的非常逼真的全屏下雪效果
40.純文本Loading加載指示器特效
Slides
–
是一個(gè)簡(jiǎn)單的,容易定制和風(fēng)格化,的jQuery幻燈片插件。
Slides提供褪色或幻燈片過(guò)渡效果,圖像淡入淡出,圖像預(yù)壓,自動(dòng)生成分頁(yè),循環(huán),自動(dòng)播放的自定義等很多選項(xiàng)。
用Slides插件,你可以隨機(jī)播放幻燈片,設(shè)定那一套您想要開(kāi)始幻燈片。它附帶充分的說(shuō)明和示例。
廢話不多說(shuō)了,直接給大家貼代碼了
$(function(){
$("#slides").slidesjs({
play:
{
active:
true,
//
[boolean]
Generate
the
play
and
stop
buttons.
//
You
cannot
use
your
own
buttons.
Sorry.
effect:
"slide",
//
[string]
Can
be
either
"slide"
or
"fade".
interval:
,
//
[number]
Time
spent
on
each
slide
in
milliseconds.
auto:
false,
//
[boolean]
Start
playing
the
slideshow
on
load.
swap:
true,
//
[boolean]
show/hide
stop
and
play
buttons
pauseOnHover:
false,
//
[boolean]
pause
a
playing
slideshow
on
hover
restartDelay:
//
[number]
restart
delay
on
inactive
slideshow
}
});
});
前臺(tái):
!doctype
html
head
style
/*
Prevents
slides
from
flashing
*/
#slides
{
display:none;
}
/style
script
src=""/script
script
src="jquery.slides.min.js"/script
script
$(function(){
$("#slides").slidesjs({
width:
,
height:
});
});
/script
/head
body
div
id="slides"
img
src=""
img
src=""
img
src=""
img
src=""
img
src=""
/div
/body
以上內(nèi)容是關(guān)于jquery.slides.js的全部代碼,希望大家喜歡。
當(dāng)前名稱:jquery幻燈插件,jquery彈窗插件
文章出自:http://chinadenli.net/article37/dsgsgpj.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供靜態(tài)網(wǎng)站、ChatGPT、建站公司、微信公眾號(hào)、網(wǎng)頁(yè)設(shè)計(jì)公司、網(wǎng)站內(nèi)鏈
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)