想必做移动前端的同学经常会接到这样子的一个需求,就是在移动设备页面上的banner图能够用手指触摸左右或上下的滑动切换,这在移动设备是个很常见的一个效果,其用户体验远甚于点击一个按钮区域,通过手指的触摸操作也是移动设备的中一个特性,我们必须专业化的处理,哈哈。其实实现原理很简单,但平常中自己开发不是 ...
分类:
移动开发 时间:
2016-07-12 13:44:14
阅读次数:
181
<!--html模块--> <!--css样式--> <!--js部分--> // 上面是banner图切换,touch的js部分有改动,修复安卓qq浏览器中的失效 下面是zepto改后的源码, ...
分类:
移动开发 时间:
2016-06-09 06:18:03
阅读次数:
466
今天做 banner 时发现一个问题,就是浏览器窗口水平拉伸时 banner 图未能居中,所以网上找了些资料,自己写了个小 demo html代码: css代码: 原理就是,先用 left:50%; top:50%; 让这个 div 的左上角位于页面正中,如图: 然后再利用 margin-left: ...
分类:
其他好文 时间:
2016-05-14 18:29:34
阅读次数:
102
这次做的项目,客户说,banner图的上下之间不要留有空隙,仔细一看才发现,上下竟然都有空隙。审查元素,发现所有的div,img的padding和margin都是0,对于这个间隙究竟是如果产生的真的是找不到原因。
网上查了一下,类似的问题还蛮多的。
解决方法基本是四种:
1.将img设置为block;
这个基本可以解决img和div下方的缝隙问题。
...
分类:
其他好文 时间:
2015-12-28 12:27:25
阅读次数:
175
今天来介绍一下我前两天写一个小任务的时候遇到的一些问题,如果能够有所帮助或者启发,那将是我的荣幸。 要实现的功能是banner图的轮播大致思路如下:1. 将这些图片存放在一个数组里,然后把第一个图片显示出来,其他的隐藏。2. 定义一个函数,用来显示下一张图片,即本张图片隐藏,下张图片显示。...
分类:
其他好文 时间:
2015-12-25 11:17:54
阅读次数:
277
HTML代码: banner图 < &...
分类:
Web程序 时间:
2015-11-23 06:15:15
阅读次数:
222
{dede:sql sql="select litpic FROM #@__archives where typeid=56 limit 0,1"} {/dede:sql}
分类:
其他好文 时间:
2015-11-10 12:23:16
阅读次数:
180
今天有许多客户反映我们的APP的一打开就崩溃,因为是首页的是我做的,我马上打开APP看看,果然如此。我的同事debug了代码,原来的首页的banner图片返回是NULL,这是服务端那边返回的,我们无法控制的。但是我们客户端就没有责任吗?我们做客户端不能保证服务端一定有给我们返回数据,有些情况下可.....
分类:
其他好文 时间:
2015-11-10 00:13:47
阅读次数:
343
自从谷歌开始在搜索结果旁边放广告以来,广告已经成了互联网行业默认的首选变现方式。实际上,广告本来是平面媒体的主要商业模式,现在互联网行业已经彻底抢走了广告领域的风头。 广告的商业模式 1.展示广告:展示广告一般形式是文字、banner图片、通栏横幅、文本链接、弹窗等,通常是按展示的位置和时间收费.....
分类:
其他好文 时间:
2015-10-16 15:13:44
阅读次数:
195