Skip to content

Commit 8bc5865

Browse files
feleventhfeleventh
committed
blog-multi-item-silder
blog-multi-item-silder
1 parent 1b9ee29 commit 8bc5865

4 files changed

Lines changed: 17 additions & 1 deletion

File tree

‎_posts/2016-10-13-仿京东首页的淡入轮播焦点图.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ twitter_text: "仿京东首页的淡入轮播焦点图"
1111
introduction: "使用jquery模仿京东首页的淡入轮播焦点图，在浏览了大多电商网站后，发现大部分网站（例如京东、天猫等）的大尺寸首页焦点图都是以淡入效果来进行轮播的。经过实践发现，大尺寸内容更适合以淡入效果来轮播。"
1212
---
1313

14-
在前面又一篇博客写了[使用jQuery制作轮播图插件的原理和实例](//feleventh.github.io/%E4%BD%BF%E7%94%A8jQuery%E5%88%B6%E4%BD%9C%E8%BD%AE%E6%92%AD%E5%9B%BE/)，
14+
在前面有一篇博客写了[使用jQuery制作轮播图插件的原理和实例](//feleventh.github.io/%E4%BD%BF%E7%94%A8jQuery%E5%88%B6%E4%BD%9C%E8%BD%AE%E6%92%AD%E5%9B%BE/)，
1515
但在后来的工作实践中发现在网页上使用较大尺寸的左右方向轮播时，在播放时间500ms内，图片左右切换需要在短时间内位移很大的距离，用户体验很差。
1616
在浏览了大多电商网站后，发现大部分网站（例如京东、天猫等）的大尺寸首页焦点图都是以淡入效果来进行轮播的。经过实践发现，大尺寸内容更适合以淡入效果来轮播。
1717

‎_posts/2016-10-14-jquery制作多项轮播插件.md‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
---
2+
layout: post
3+
title: "jQuery制作多项轮播插件"
4+
categories: javascript
5+
description: "使用jquery制作多项轮播插件"
6+
main-class: 'dev'
7+
color: '#632321'
8+
tags:
9+
- "jquery轮播"
10+
twitter_text: "使用jquery制作多项轮播插件"
11+
introduction: "使用jquery模仿京东首页的淡入轮播焦点图，在浏览了大多电商网站后，发现大部分网站（例如京东、天猫等）的大尺寸首页焦点图都是以淡入效果来进行轮播的。经过实践发现，大尺寸内容更适合以淡入效果来轮播。"
12+
---
13+
14+
在前面我已经写了俩篇关于制作jquery轮播插件的博客了——[仿京东首页的淡入轮播焦点图](//feleventh.github.io/%E4%BB%BF%E4%BA%AC%E4%B8%9C%E9%A6%96%E9%A1%B5%E7%9A%84%E6%B7%A1%E5%85%A5%E8%BD%AE%E6%92%AD%E7%84%A6%E7%82%B9%E5%9B%BE/)和[使用jQuery制作轮播图插件的原理和实例](//feleventh.github.io/%E4%BD%BF%E7%94%A8jQuery%E5%88%B6%E4%BD%9C%E8%BD%AE%E6%92%AD%E5%9B%BE/)，
15+
今天继续分享2个工作经常遇到的其他两种轮播情况。
16+
在有的情况下，我们需要把所有轮播选项中的多项在轮播时呈现在用户面前。

‎assets/img/2016-10-14-1.jpg‎

23.4 KB
Loading

‎assets/img/2016-10-14-2.jpg‎

19.9 KB
Loading

0 commit comments

Comments
 (0)