網(wǎng)站導(dǎo)航
- zblogPHP模板zbpkf
- zblog免費(fèi)模板zblogfree
- zblog模板學(xué)習(xí)zblogxuexi
- zblogPHP仿站zbpfang
JQuery 幻燈片/輪播/焦點(diǎn)圖特效(右側(cè)選項(xiàng)卡)
今天在寫zblog模板的時(shí)候需要一個(gè)輪播特效，輪播觸發(fā)部分為右側(cè)選項(xiàng)卡，所以在網(wǎng)上找了一個(gè)案例！案例：http://www.jq22.com/demo/JQueryyj-141111194733/特效代碼：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "...
jQuery幻燈片輪播插件Slippry（帶縮略圖） 等比例響應(yīng)式
已經(jīng)分享過(guò)兩篇關(guān)于Slippr輪播插件的文章：1、幻燈片輪播插件Slippry 使用方法 配置參數(shù)2、jQuery幻燈片輪播插件Slippry 等比例響應(yīng)式本文再次分享下帶縮略圖的Slippry輪播插件特效代碼：查看演示：https://www.b5b6.com/demo/Slippry2/下載源碼：Slippry2.zip結(jié)構(gòu)分享：<!doctype html> <html> <head&g...
jQuery幻燈片輪播插件Slippry 等比例響應(yīng)式
《jQuery幻燈片輪播插件Slippry 使用方法 配置參數(shù)》 配置參數(shù)！jQuery幻燈片輪播插件Slippry 等比例響應(yīng)式演示網(wǎng)址：https://www.b5b6.com/demo/Slippry/HTML結(jié)構(gòu)：<!DOCTYPE html> <html> <head> <title>slippry demo</title> &l...
jQuery幻燈片輪播插件Slippry 使用方法 配置參數(shù)
基于jQuery的幻燈片輪播插件Slippry個(gè)人非常喜歡，主要是在制作響應(yīng)式模板的時(shí)候可以自適應(yīng)不同寬度的移動(dòng)設(shè)備，整個(gè)幻燈片可以等比例進(jìn)行縮放，不需要額外CSS設(shè)置了！Slippry是一款時(shí)尚現(xiàn)代的jQuery響應(yīng)式幻燈片插件。該幻燈片插件使用HTML5、CSS3和jQuery來(lái)制作，它100%的響應(yīng)式設(shè)計(jì)，并且使用起來(lái)簡(jiǎn)單方便。使用方法：使用該幻燈片插件需要引入jQuery和slippry.js、slippry.css...
jquery全屏響應(yīng)式輪播圖插件jquery.flexslider.js
在zblogPHP主題 yunduan 上使用這個(gè)輪播幻燈片插件jquery.flexslider.js，分享下使用方法：這是一款jquery全屏響應(yīng)式淡入淡出效果輪播圖插件。該輪播圖插件簡(jiǎn)單實(shí)用，兼容ie8瀏覽器，可以自動(dòng)切換播放，帶淡入淡出的動(dòng)畫效果。FlexSlider - FlexSlider是一個(gè)非常出色的jQuery滑動(dòng)切換插件，它支持所有主流瀏覽器，并有淡入淡出效果。適合所有初級(jí)和高級(jí)網(wǎng)頁(yè)設(shè)計(jì)師使用。不過(guò)很多人都只是使用默...
CSS修改swiper幻燈片 - 狀態(tài)圓點(diǎn)變長(zhǎng)條修改
在之前發(fā)布過(guò)關(guān)于swiper的文章《swiper幻燈片自定義切換三角特效》主要分享的是切換按鈕的特效CSS，本文來(lái)介紹下swiper幻燈片插件的狀態(tài)圓點(diǎn)樣式改變！因?yàn)閟wiper幻燈插件都有默認(rèn)的CSS，所以要添加CSS的時(shí)候是覆蓋添加，添加的一定要顯示在swiper自帶CSS的下方方可生效！swiper默認(rèn)的狀態(tài)圓點(diǎn)狀態(tài)圖：要最終實(shí)現(xiàn)的效果如下：只需要改變和覆蓋CSS樣式即可：使用google chrome右鍵檢查，獲知....
CSS修改swiper幻燈片自定義切換剪頭特效(背景圖、位置、背景色、尺寸)
《zblog模板最好用的幻燈片（輪播、焦點(diǎn)圖）特效代碼》之前發(fā)布的幻燈片特效，推薦SuperSlide和swiper，今天來(lái)分享下老白常用的swiper自定義特效，包括切換大于號(hào)小于號(hào)，包括幻燈片文字標(biāo)題：先看默認(rèn)狀態(tài)下的swiper幻燈片特效：一、改變剪頭背景圖片：其中左右切換三角都是使用背景圖片制作的，而下方圖片則是通過(guò)增加CSS去改變背景圖片，以及切換圓點(diǎn)特效：CSS：/*slider*/ #slider{width:&nb...
jquery 鼠標(biāo)觸發(fā)，抽屜式幻燈片左右切換 - 圖片展開收縮代碼
使用jquery方法，實(shí)現(xiàn)抽屜式的圖片左右切換展開收縮代碼，特效非常絢麗！<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type"...
zblog模板最好用的幻燈片（輪播、焦點(diǎn)圖）特效代碼
zblogPHP模板制作過(guò)程中常常需要用到幻燈片、輪播模塊，如果是zblog模板制作的新手就可能到處去copy輪播代碼了，那么用哪些輪播代碼比較好呢？下面分享兩個(gè)個(gè)人常用的幻燈片/輪播代碼：1、SuperSlideSuperSlide 致力于解決網(wǎng)站大部分特效展示問題，使網(wǎng)站代碼規(guī)范整潔，方便維護(hù)更新。網(wǎng)站上常用的“焦點(diǎn)圖/幻燈片”“Tab標(biāo)簽切換”“圖片滾動(dòng)”“無(wú)縫滾動(dòng)”等只需要一個(gè)SuperSlide即可解決！從此無(wú)需網(wǎng)上苦苦尋覓特...