為您找到相關(guān)結(jié)果33,151個(gè)
myFocus slide3D v1.1.0 使用方法與下載_javascript技巧_腳本之家
注:這里用到了slide3D效果 其他效果Demo可以查看官網(wǎng): http://www.cosmissy.com/myfocus/demo.html Javascript: 復(fù)制代碼代碼如下: var mf = myFocus; //簡稱 var param = { id: "myFocus", pattern: "mF_slide3D", time: 5, //切換時(shí)間間隔 trigger: 'click', //觸發(fā)模式:click-點(diǎn)擊 mouseover-...
www.dbjr.com.cn/article/259...htm 2025-5-25
vue2移動(dòng)端+swiper實(shí)現(xiàn)異形的slide方式_vue.js_腳本之家
rotate: 0, //slide做3d旋轉(zhuǎn)時(shí)Y軸的旋轉(zhuǎn)角度。默認(rèn)50。 stretch: -5, //每個(gè)slide之間的拉伸值,越大slide靠得越緊。 默認(rèn)0。 depth: 20, //slide的位置深度。值越大z軸距離越遠(yuǎn),看起來越小。 默認(rèn)100。 modifier: 5, slideShadows: false, //開啟slide陰影。默認(rèn) true。 }, }); }, }; 1 2...
www.dbjr.com.cn/javascript/3183763...htm 2025-6-7
vue3.x使用swiper實(shí)現(xiàn)卡片輪播_vue.js_腳本之家
// 如果設(shè)置為true,當(dāng)切換到最后一個(gè)slide時(shí)停止自動(dòng)切換 stopOnLastSlide: false, // 用戶操作swiper之后,是否禁止autoplay。默認(rèn)為true:停止 disableOnInteraction: false, }, // 類似于蘋果將多首歌曲的封面以3D界面的形式顯示出來的方式 coverflowEffect: { // slide做3d旋轉(zhuǎn)時(shí)Y軸的旋轉(zhuǎn)角度 rotate: 0, //...
www.dbjr.com.cn/article/2554...htm 2025-6-6
CSS3 Tab動(dòng)畫實(shí)例之背景切換動(dòng)態(tài)效果_css3_CSS_網(wǎng)頁制作_腳本之家
.slide-tabs {display:flex;position:relative;border:1pxsolid#3d3d3d; border-radius:10px;width:150px;overflow:hidden;background:#1c1c1c; } .slide-tabs * {z-index:2; } .slide-tabs input[type=radio] {display:none; } .slide-tabs .tab {display:flex; align-items:center; justify-content:ce...
www.dbjr.com.cn/css/7867...html 2025-5-31
swiper實(shí)現(xiàn)異形輪播效果_javascript技巧_腳本之家
effect:'coverflow',//可以實(shí)現(xiàn)3D效果的輪播, pagination:'.swiper-pagination',//分頁器 centeredSlides:true,//設(shè)定為true時(shí),active slide會(huì)居中,而不是默認(rèn)狀態(tài)下的居左。 coverflow:{ rotate:0,//slide做3d旋轉(zhuǎn)時(shí)Y軸的旋轉(zhuǎn)角度。默認(rèn)50。 stretch:100,//每個(gè)slide之間的拉伸值,越大slide靠得越緊。 默認(rèn)0。
www.dbjr.com.cn/article/1753...htm 2025-6-11
jquery.gridrotator實(shí)現(xiàn)響應(yīng)式圖片展示畫廊效果_jquery_腳本之家
// slideRight || slideTop || slideBottom || // rotateLeft || rotateRight || rotateTop || // rotateBottom || scale || rotate3d || // rotateLeftScale || rotateRightScale || // rotateTopScale || rotateBottomScale || random animType :'random', ...
www.dbjr.com.cn/article/682...htm 2025-5-25
jQuery實(shí)現(xiàn)仿淘寶帶有指示條的圖片轉(zhuǎn)動(dòng)切換效果完整實(shí)例_jquery_腳本之...
1}):d.animate({left:g},b.slideSpeed,b.slideEasing,function(){d.css({left:-f}),d.children(":eq("+k+")").css({left:f,zIndex:5}),d.children(":eq("+l+")").css({left:f,display:"none",zIndex:0}),b.animationComplete(k+1),p=!1})),b.pagination&&(a("."+b.pagination...
www.dbjr.com.cn/article/617...htm 2025-5-29