Jquery淡入淡出轮播图 因为代码不多所以我就写一个html文件里了 html代码 <div class="banner"> <ul> <li><a href="javascript:;"><img src="./1 (1).png" /></a></li> <li><a href="javasc ...
分类：
Web程序 时间：
2019-12-02 13:28:49
阅读次数：
89
原文地址：Bougie的博客 1.先展示最终效果： 2.解决思路 Vue的理念是以数据驱动视图，所以拒绝通过改变元素的margin-top来实现滚动效果。写好css样式，只需改变每张图片的class即可实现轮播效果。动画效果交给transition完成。可以将轮播图看成两个（mainSlide和ex ...
分类：
其他好文 时间：
2019-12-02 13:15:13
阅读次数：
102
html: <div class="na1"> <div class="pp"> <div class="na"> <img class="dd" src="../img/shouji/1.jpg"> </div> <div class="na"> <img class="dd" src="../i ...
分类：
Web程序 时间：
2019-12-01 19:10:03
阅读次数：
106
将七牛js放到common下 把获取uptoken的接口放到common视图中 把初始化七牛放到banners.js中 //初始化七牛$(function () { qiniujs.setUp({ 'domain': 'http://q1tp5a19s.bkt.clouddn.com/', 'bro ...
分类：
Web程序 时间：
2019-12-01 19:06:17
阅读次数：
141
先准备几张轮播图 排序顺序改为根据优先级倒序排 前端首页接口 @bp.route('/')def index(): banners = BannerModel.query.order_by(BannerModel.priority.desc()).limit(4) # 只取4条 context = ...
分类：
其他好文 时间：
2019-12-01 18:32:44
阅读次数：
126
编辑 form，继承添加的form 视图 @bp.route('/ubanners/', methods=['POST'])@login_required@permission_required(CMSPersmission.POSTER)def ubanners(): """ 修改banner " ...
分类：
其他好文 时间：
2019-12-01 16:48:45
阅读次数：
82
功能描述： 自动无缝轮播图片，底部小圆点跟图片保持一致；手指左右移动轮播图，移动距离大于50px播放下一张（或上一张），小于50px则回弹 具体功能实现： 1.定时器 自动轮播图片 先声明一个index=0用来存图片索引； 添加一个定时器，每隔两秒调用一次，每调用一次定时器（图片播放一次）index ...
分类：
移动开发 时间：
2019-12-01 13:51:37
阅读次数：
125
之前面试被问到这个问题，之前都是随便找大神插件，知道怎么去做，但是一直没实现过。 无缝轮播的原理 在滚动层前后分别插入最后一个元素和最前面一个元素，然后在动画滚到最后或者最前的时候，初始化滚动层的位置样式，速度很快，无法察觉，就如同无缝一般。 html片段 <div class="wrap"> <u ...
分类：
其他好文 时间：
2019-11-29 15:34:09
阅读次数：
74
仿小米首页轮播图（注意事项） 布局部分 1、用ul包裹li再包裹a的形式来装图片，建立focus类； 2、移动的时候是装着焦点图的ul来移动 + ul里的所有li横着摆放，ul的长度可以很大，装着ul的盒子宽高和图片一样大再 即可； + 可在js里动态生成下面的索引小圆点，这样可根据焦点图数量自动调 ...
分类：
Web程序 时间：
2019-11-27 12:13:06
阅读次数：
175
/* Start 基本样式*/ * { margin: 0; padding: 0; } ul { list-style-type: none; } body { font-size: 14px; background: #fff; overflow-y: scroll; overflow-x: h ...
分类：
其他好文 时间：
2019-11-25 09:31:55
阅读次数：
328
