<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title></title> <script type="text/javascript" src ...
分类:
其他好文 时间:
2016-07-24 20:53:06
阅读次数:
274
背景: 不同的活动需要对不同的图片进行轮播.所以要求按活动,先选择图片,然后把对这些图片进行轮播. 失败的尝试: html+jquery+ajax+bootstap +dot.js 操作步骤: 1 html onload时使用ajax 取得,活动涉及的所有图片. 2 使用 dot.js 进行html ...
分类:
其他好文 时间:
2016-07-24 01:44:22
阅读次数:
217
先大概描述一下要做的界面: 从网络请求json数据,获取网络图征数据,然后轮播图片。我遇到的问题是:图片不显示,代码如下 <ion-slide-box does-continue="true" show-pager="true" auto-play="true" slide-interval="10 ...
分类:
Web程序 时间:
2016-07-23 22:42:39
阅读次数:
159
自定义视图是在项目开发中经常会面临的工作,通过对视图进行封装,能达到更好的复用性,并使得VC里面的逻辑更加清晰。本篇将对实际项目中常用的图片轮播进行封装。 1.先从源码看起 首先,定义了一个枚举类型,用于区分图片的存储类型:网络图片还是本地图片。 然后对图片轮播类进行了功能封装。 最后,通过扩展来遵 ...
分类:
其他好文 时间:
2016-07-19 18:24:15
阅读次数:
149
1、checkbox(复选框)
checkbox常用于多选的情况,比如批量删除、添加群聊等;
DOM结构
checkbox示例
默认checkbox在右侧显示,若希望在左侧显示,只需增加.mui-left类即可,如下:
checkbox左侧显示示例
若要禁用checkbox,只需在checkbox上增加disabled属性即可;
代码块激活字符: m...
分类:
其他好文 时间:
2016-07-13 16:42:41
阅读次数:
419
1、网页结构如图所示 2、页面布局设计细节 ①分块:一个小方块是一个div。 ②无序列表一般是竖直排放的,可以通过float让其水平排放。float:left; ③三个小方块是浮动上去的,所以要用到position定位。A盒子要相对B盒子进行移动,那么B盒子就设置为relative,A盒子要设置为a ...
分类:
Web程序 时间:
2016-07-12 19:24:08
阅读次数:
330
最近工作需要,就自己写了一个图片轮播插件,不过想到要集成到框架中,于是又用RequireJs改了一遍。 style.css jquery-1.11.1.min.js require.js viewpager.js view.js index.html viewpager.js: view.js in ...
分类:
Web程序 时间:
2016-07-09 12:01:26
阅读次数:
216
(一)概述
Android 3.0后引入的一个UI控件——ViewPager(视图滑动切换工具),实在想不到 如何来称呼这个控件,他的大概功能:通过手势滑动可以完成View的切换,一般是用来做APP 的引导页或者实现图片轮播;
(二)ViewPager的简单介绍
ViewPager就是一个简单的页面切换组件,我们可以往里面填充多个View,然后我们可以左 右滑动,从而切换不同的View,我们可...
分类:
其他好文 时间:
2016-06-28 13:11:39
阅读次数:
218