基于jquery插件實(shí)現(xiàn)常見(jiàn)的幻燈片效果_javascript技巧

來(lái)源：懂視網(wǎng) 責(zé)編：小采時(shí)間：2020-11-27 21:14:56

基于jquery插件實(shí)現(xiàn)常見(jiàn)的幻燈片效果_javascript技巧

基于jquery插件實(shí)現(xiàn)常見(jiàn)的幻燈片效果_javascript技巧:在網(wǎng)站中使用幻燈片效果的目前很普遍，如何實(shí)現(xiàn)，自己經(jīng)過(guò)一番研究，本以為很復(fù)雜，想不到卻很簡(jiǎn)單。有現(xiàn)成的jquery插件jquery.KinSlideshow.js。使用jquery.KinSlideshow.js就可以很輕松的實(shí)現(xiàn)幻燈片效果 htm代碼：代碼如下:

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

導(dǎo)讀基于jquery插件實(shí)現(xiàn)常見(jiàn)的幻燈片效果_javascript技巧:在網(wǎng)站中使用幻燈片效果的目前很普遍，如何實(shí)現(xiàn)，自己經(jīng)過(guò)一番研究，本以為很復(fù)雜，想不到卻很簡(jiǎn)單。有現(xiàn)成的jquery插件jquery.KinSlideshow.js。使用jquery.KinSlideshow.js就可以很輕松的實(shí)現(xiàn)幻燈片效果 htm代碼：代碼如下:

在網(wǎng)站中使用幻燈片效果的目前很普遍，如何實(shí)現(xiàn)，自己經(jīng)過(guò)一番研究，本以為很復(fù)雜，想不到卻很簡(jiǎn)單。有現(xiàn)成的jquery插件jquery.KinSlideshow.js。

使用jquery.KinSlideshow.js就可以很輕松的實(shí)現(xiàn)幻燈片效果

htm代碼：
代碼如下:

標(biāo)題一
標(biāo)題二
標(biāo)題三
標(biāo)題四
標(biāo)題五
標(biāo)題六

js代碼：
代碼如下:
$(function () {
$("#focusNews").KinSlideshow({
// moveStyle:"down", //設(shè)置切換方向?yàn)橄蛳?[默認(rèn)向左切換]
intervalTime:8, //設(shè)置間隔時(shí)間為8秒 [默認(rèn)為5秒]
mouseEvent:"mouseover", //設(shè)置鼠標(biāo)事件為“鼠標(biāo)滑過(guò)切換” [默認(rèn)鼠標(biāo)點(diǎn)擊時(shí)切換]
titleFont:{TitleFont_size:14,TitleFont_color:"#FF0000"} //設(shè)置標(biāo)題文字大小為14px，顏色：#FF0000
});