随笔分类 - html5与移动页面的效果实例
1
摘要：在web开发中，我们有时会需要动态监听输入框值的变化，当使用onkeydown、onkeypress、onkeyup作为监听事件时，会发现一些复制粘贴等操作用不了，同时，在处理组合快键键的时候也很麻烦。这时候我们需要更专业的解决方案：HTML5标准事件oninput、onchange和IE专属的事件
阅读全文
摘要：第一种方式为： JS代码为： 本地文件效果为：svn/app/5umobile/mendez_detail.html 第二种方式为： HTML代码为： JS代码为： 本地文件效果为：svn/app/ewei_shop/detail.html 第三种方式为： JS代码为： 文章来自效果来自：http:
阅读全文
摘要：1、 HTML代码为： JS代码为： 本地效果为:app/plug/FileReader-FileList/filelist_one.html FileList的API：https://developer.mozilla.org/zh-CN/docs/Web/API/FileList
阅读全文
摘要：HTML代码为： JS代码为： 本地效果为：app/plug/friend/index.html 线上效果为：http://www.17sucai.com/pins/17282.html
阅读全文
摘要：第一种方式：ecshop的购物车 HTML代码为： JS代码为： 异步加载图 本地文件为：desk/plug/Cart/cart_one.html 线上效果为：ecshop网站都可以 第二种方式：upin购物车 HTML代码为： JS代码为： 异步加在图 本地文件为：svn/app/ewei_sho
阅读全文
摘要：第一种方式：音频可以播放可以停止关闭 HTML代码为： 本地效果为：app/plug/audio/audio_one.html 线上效果为：http://www.hunliji.com/p/wedding/index.php/home/APIInvation/displayCard?card_id=
阅读全文
摘要：文章来自：http://www.tuicool.com/articles/7BzQNba http://www.cnblogs.com/zhwl/p/3525238.html
阅读全文
摘要：比如: 背地模板预览效果为：app/plug/ECharts/pie1.html ECharts 2.0的实例为：http://echarts.baidu.com/echarts2/doc/example.html ECharts 3.0的实例为：http://echarts.baidu.com/d
阅读全文
摘要：文章来自：http://www.17sucai.com/pins/13545.html http://www.17sucai.com/pins/7607.html http://www.17sucai.com/pins/8631.html
阅读全文
摘要：第一种方式： 本地效果查看：app/html5_animation/circle.html 文章来自：http://www.17sucai.com/pins/12579.html 第二种方式： 文章来自：http://www.17sucai.com/pins/8148.html 第三种方式： 文章来
阅读全文
摘要：第一种方式：如图 这个效果是非常好的： HTML代码为： CSS代码为： 其中ajax的用法 链接地址为：http://m.ch999.com/ajax/ajaxOperate.aspx?act=ajaxsearch&w=%E4%BA%BA&t=0.01622435380704701 local
阅读全文
摘要：第一种方法：效果图为： HTML代码为: JS代码为： 本地效果可以在app/plug/photoswipe/cid_photo.html 手机触屏观看：http://www.5usport.com/forum.php?mod=viewthread&tid=67255 线上效果为： http://c
阅读全文
摘要：第一种方式：利用了（swiper.3.1.2.jquery.min.js）插件如图：JS代码为：HTML代码为：（很多屏幕） ...
阅读全文
摘要：效果图为：有一种缓缓从上到下出现的效果-webkit-transform:translateY(-100%);到-webkit-transform:translateY(0%)的转变！THML代码为： ...
阅读全文
摘要：本地文件来自：app/plug/charfirst_pinyin/demo.html 网上地址来自：http://www.17sucai.com/pins/12496.html线上地址为： http://www.jq22.com/jquery-info4921 效果图为：
阅读全文
摘要：Slideout.js是一款轻量级的插件，特别适合制作移动端网页APP侧边栏的一种动画效果脚本，同时能支持点击和触摸时间，它没有依赖，自由搭配简单的标记，支持原生的滚动，您可以轻松地定制它。它支持不同的CSS3转换和过渡。效果为：参数说明：'menu':document.getElementById...
阅读全文
摘要：效果图为：app\1\plug\layer\index.htmllayer插件官网：http://layer.layui.com/mobile/HTML代码为： ×咨询客服MM 拨打客服电话：400-888-5030 微信关注"阳光海岛...
阅读全文
摘要：IScroll5 参数说明和调用方法 http://www.tuicool.com/articles/vMn2u2 通用方法： （1）refresh 在DOM树发生变化时，应该调用此方法 eg: setTimeout(function () { myScroll.refresh(); }, 0);
阅读全文
摘要：其中官网网址来自：http://www.swiper.com.cn/ 中文首页官网（最重要的说明）http://www.idangero.us/sliders/swiper/api.phphttp://www.idangero.us/sliders/swiper/index.php其中调用过...
阅读全文
摘要：swipe.js文档及用法 今天带来一个轻量级js触摸滑动类库-swipe JS，这是一个非常小的一个javascript类库，但他的功能却不简单，它可以用来展示web页面上的任何内容，支持精确的触摸移动操作，而且还可以设置自动播放、等比例缩放等等实用性的功能；一、用法Swipe只需添加很简单的一段...
阅读全文
1
