轮播图也涉及到触摸和触摸反馈,同时,AlloyTouch可以把惯性运动打开或者关闭,并且设置min和max为运动区域,超出会自动回弹。 除了一般的竖向滚动,AlloyTouch也可以支持横向滚动,甚至任何属性的运动,因为它的设计的本质就是属性无关,触摸可以反馈到任何属性的运动。所以AlloyTouc ...
分类:
其他好文 时间:
2016-12-12 23:23:26
阅读次数:
243
项目中需要用到旋转木马效果,但是我在网上找的插件,基本都是不带按钮或者只是带前后按钮的,而项目要求的是带索引按钮,也就是说有3张图片轮播,对应的要有3个小按钮,点击按钮,对应的图片位于中间位置。于是就在jQuery的一款插件jquery.carousel.js的基础上进行了一些改进,不足的是,固定就 ...
分类:
Web程序 时间:
2016-12-12 11:53:51
阅读次数:
349
jQuery全屏滚动插件fullPage.js javascript图片轮播之gallery.js jQuery自定义滚动条样式插件mCustomScrollbar HTML5 respond.js 解决IE6~8的响应式布局问题 ...
分类:
其他好文 时间:
2016-12-06 22:54:38
阅读次数:
185
上一篇文中完成的封装,还存在一个小问题,就是该轮播对象不能在同一页面中重复使用,本文将通过组合使用javascript的构造函数和原型模式创建对象来解决这个问题。 没有看过上一篇文章的朋友可以点此查看上一篇文章 (jQuery图片轮播(一)轮播实现并封装) 首先回顾一下,上文的问题所在,上文中的ca ...
分类:
Web程序 时间:
2016-12-06 04:06:10
阅读次数:
342
最近在随便刷一些论坛,文档,常见一个名词“轮子”。 自我理解:已封装完成的库。换个名词,组件。例如:图片轮播组建:swiper等,菜单栏组件。 在前端开发中,我们需要在满足条件下对于平台进行兼容,众所周知的IE系列,那么如果有一份已经写好的能够兼容各个浏览器的代码,进行封装以后直接引入使用显然会事半 ...
分类:
其他好文 时间:
2016-12-05 07:37:28
阅读次数:
115
javaScript学习总结——图片轮播 示例代码: 运行结果: ...
分类:
其他好文 时间:
2016-12-04 20:27:05
阅读次数:
299
利用面向对象自己动手写了一个封装好的jquery轮播对象,可满足一般需求,需要使用时只需调用此对象的轮播方法即可。 demo:https://github.com/zsqosos/shopweb 具体代码如下: HTML结构: 1 <div class="banner" id="J_bg_ban"> ...
分类:
Web程序 时间:
2016-12-04 07:16:57
阅读次数:
258
利用面向对象自己动手写了一个封装好的jquery轮播对象,可满足一般需求,需要使用时只需调用此对象的轮播方法即可。 demo:https://github.com/zsqosos/shopweb 具体代码如下: HTML结构: css样式: jquery代码: 最初实现时使用面向过程的方法来完成,虽 ...
分类:
其他好文 时间:
2016-12-02 22:19:25
阅读次数:
387
利用面向对象自己动手写了一个封装好的jquery轮播对象,可满足一般需求,需要使用时只需调用此对象的轮播方法即可。 demo:https://github.com/zsqosos/shopweb 具体代码如下: HTML结构: css样式: jquery代码: 最初实现时使用面向过程的方法来完成,虽 ...
分类:
Web程序 时间:
2016-12-02 19:28:59
阅读次数:
327