码迷,mamicode.com
首页 >  
搜索关键字:轮播图    ( 1320个结果
css 纯css轮播图 示例
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title>纯css动画实现轮播图展示</title> 6 <link rel="stylesheet" charset="utf-8" href="style.css ...
分类:Web程序   时间:2020-02-16 20:27:33    阅读次数:77
根据js轮播图原理写出合理的结构与样式、并实现js交互效果
在JS中,能用 . 的地方一般都可以用 [ ] 取代 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width ...
分类:Web程序   时间:2020-02-09 16:30:00    阅读次数:86
小程序 轮播图 swiper 使用
个人示例<swiperautoplay="true"indicator-dots="{{true}}"class="ad-swiper"indicator-color="rgba(255,255,255,.5)"indicator-active-color="#FFF"><blockwx:for="{{advertisements}}"wx:key="ad_id"wx:for-i
分类:微信   时间:2020-02-09 00:32:39    阅读次数:227
小程序 轮播图 swiper 使用
个人示例<swiperautoplay="true"indicator-dots="{{true}}"class="ad-swiper"indicator-color="rgba(255,255,255,.5)"indicator-active-color="#FFF"><blockwx:for="{{advertisements}}"wx:key="ad_id"wx:for-i
分类:微信   时间:2020-02-09 00:28:13    阅读次数:95
原生JS轮播图
HTML代码 <div class="focus"> <!-- 左侧按钮 --> <a href="javascript:void(0);" class="arrow-l"> &lt; </a> <!-- 右侧按钮 --> <a href="javascript:void(0);" class="a ...
分类:Web程序   时间:2020-02-06 01:50:28    阅读次数:119
练习 - javascript 触摸滑动程序
addTouchListWrapper 支持垂直、水平滑动、tab、轮播图等 function addTouchListWrapper( option ) { //事件注册给哪个对象?默认document var d = option.target == undefined ? document : ...
分类:编程语言   时间:2020-02-05 09:45:29    阅读次数:90
纯css3实现轮播图
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv ...
分类:Web程序   时间:2020-01-30 17:31:15    阅读次数:88
微信小程序框架分析小练手(三)——仿香哈菜谱小程序制作
香哈菜谱是一款围绕美食而成的小程序,在这里可以查看各式各样的菜谱。 一、打开微信开发者工具,新建一个项目:xhcp。如下图: 二、建立如下的一些目录: 三、将底部标签导航图标、美食轮播图片、宫格导航图标、香哈头条美食图片的素材放置于pages文件夹下的images中: Ⅰ、底部标签栏设计 四、打开a ...
分类:微信   时间:2020-01-29 23:17:58    阅读次数:193
前端课程目录LEVE ONE
javascript完美收官 1、快速掌握BOM对象核心技能 2、javascript必会常用知识点 3、javascript运动 4、加速度运动 5、弹性运动 6、弹性运动案例 7、模拟重力场 8、拖拽实例 9、轮播图 10、bug调试小方法 11、深入数组扩展方法并应用一 12、深入数组扩展方法 ...
分类:其他好文   时间:2020-01-29 14:33:58    阅读次数:87
轮播图实现
// 计算当前图片位置 count = 0 timeset() { this.count += -100 if (this.count == -700) { this.count = 0 } } // 滑动主要函数 slide() { const imgList = this.sliderIMG.n ...
分类:其他好文   时间:2020-01-24 22:29:01    阅读次数:86
1320条   上一页 1 ... 12 13 14 15 16 ... 132 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!