一些比较优秀的框架:10大优秀的移动Web应用程序开发框架推荐 最终选择的是 jQuery Mobile ,官方地址:http://jquerymobile.com jQuery Mobile 是针对触屏智能手机与平板电脑的网页开发框架...能工作在现有主流的智能手机和平板电脑上,且构建于 jQuery 以及 jQuery UI类库之上,用极少的 HTML5、CSS3、JavaScript 和 AJAX 脚本代码就能完成页面的布局渲染。...jQuery Mobile提供大量的实用 Demo实例 从而减少学习成本,容易上手。对于中文版的文档可在 w3cschool的 jQuery Mobile 教程 中查询帮助。...本人用的是 jQuery Mobile 1.3.2 冒似要用jquery-1.8.2.min.js才能正常运行,官网 下载 jQuery Mobile 包,然后按照指引的方法引用css与js,不要忘记引用... $("#selectbar");myswitch[0].selectedIndex = 1;myswitch.slider("refresh"); 对于有些组件可能不能满足个性化要求,如日期控件在手机端的选择
,例如:手机导航栏、选项卡、底部菜单、列表、表单等各种组件,而这些与Bootstrap提供的组件有很大区别,jQuery Mobile提供的是类似手机APP的组件,只用于移动网页,而Bootstrap提供的是面向所有设备的组件...jQuery Mobile其核心是一个完整的WebAPP框架,加入了一个轻量级的jQuery可以实现Dom操作,在jQuery的基础上提供了一系列类似移动APP的Widget(视图组件),提供了一套不错的页面转场效果...jQuery Mobile通常用于:期望接近移动APP体验的WebAPP,项目只运行在手机端,不用于电脑设备展示(虽然是可以展示的,但是效果不好)。...总结 如果做跨设备响应式前端,选择Boostrap;如果仅作移动端,期望得到近似APP的WebAPP,使用jQuery Mobile。...如果做一个产品级的WebAPP,当前jQuery Mobile的能力并不能让你满意,自己开发响应式布局框架和WebApp组件是必然要走的路。
这些商家在这个平台上发布自己的活动,这些活动需要程序员来使用网页代码来实现,下面我来说一下微信平台上通过向上滑动屏幕实现整个页面变换的特效,先来看一下代码吧: 微信手机端滑动特效...这个特效引入了一些其他的文件,分别为reset.css、animations.css、layout.css、page.css、zepto.min.js、touch.js和index.js,其他的文件没有必要说
我们经常上新浪,腾讯,雅虎等各大网站上面看新闻,他们也都各自推出了自家的手机新闻阅读器。今天我自己使用jQuery Mobile 来实现这一功能。...viewport" content="width=device-width, initial-scale=1.0"> .ui-icon-msg {background:url('...../jquery.mobile-1.3.2/images/icons-msg.png') no-repeat 0 0;} <script src="http://code.<em>jquery</em>.com/<em>mobile</em>/1.3.2/<em>jquery</em>.<em>mobile</em>-1.3.2.
这是一款设计非常精美的jQuery和CSS3水平时间轴特效插件。...该水平时间轴在设计上将时间轴和事件内容分离,时间轴在工作上类似幻灯片效果,而某个时间点对应的事件占据整个时间轴的宽度,并且一次只显示一个事件内容。 ?...有4个class用于创建幻灯片动画效果:.enter-right / .leave-left class用于事件内容向左或向右移出视口。...translateX(-100%); } 100% { opacity: 1; transform: translateX(0%); } } JavaScript 对于时间轴,沿时间轴上的日期是使用jQuery...然后需要获取一个日期和下一个日期之间的差值,为了获取这些值,特效中为每一个日期都添加了data-date属性。最小距离将会作为参考来计算两个连续日期之间的距离。
基于webpack + vue-loader + vux可以快速开发移动端页面,配合vux-loader方便你在WeUI的基础上定制需要的样式。...WeUI与Zepto Zepto是一个轻量级的针对现代高级浏览器的JavaScript库, 它与jquery有着类似的api。 如果你会用jquery,那么你也会用zepto。...项目地址https://www.muicss.com/ WeUI只用css文件没有JS文件,但已经有第三方已经集成了,例如jQuery WeUI,WeUI+,他们都加入了幻灯片切换等js特效 jQuery...项目地址https://weapp.iviewui.com/ WeUI是微信官方设计团队为微信内网页和微信小程序量身设计 SUI与WeUI SUI Mobile 是一套基于 Framework7 开发的...它非常轻量、精美,只需要引入CDN文件就可以使用,方便迅速搭建手机H5应用,并且能兼容到 iOS 6.0+ 和 Android 4.0+,非常适合开发跨平台Web App。
这是适用于一个PC(电脑)端和手机端的下拉滑动切换网页的效果实现。...相关文章推荐: 基于Zepto的微信手机端微场景HTML5页面特效 代码 主要HTML代码 <img id="main_top" src
JS基本特效: 常见特效、例如:tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。...JS高级特征: 正则表达式、排序算法、递归算法、闭包、函数节流、作用域链、基于距离运动框架、面向对象基础、 JQuery:基础使用 悬着器、DOM操作、特效和动画、方法链、拖拽、变形、JQueryUI组件基本使用...移动Web开发: 跨终端WEB和主流设备简介、视口、流式布局、弹性盒子、rem、移动终端JavaScript事件、手机中常见JS效果制作、Zepto.js、手机聚划算页面、手机滚屏。...框架封装高级和补充: JQuery框架雏形、可扩展性、模块化、封装属于传智自己的框架。...核心模块和对象: 全局对象global,process,console,util、事件驱动,事件发射器、加密解密,路径操作,序列化和反序列化、文件流操作、HTTP服务端与客户端、Socket.IO。
JS基本特效:常见特效、例如:tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。...JS高级特征:正则表达式、排序算法、递归算法、闭包、函数节流、作用域链、基于距离运动框架、面向对象基础、 JQuery:基础使用悬着器、DOM操作、特效和动画、方法链、拖拽、变形、JQueryUI组件基本使用...移动Web开发:跨终端WEB和主流设备简介、视口、流式布局、弹性盒子、rem、移动终端JavaScript事件、手机中常见JS效果制作、Zepto.js、手机聚划算页面、手机滚屏。...框架封装高级和补充:jquery框架雏形、可扩展性、模块化、封装属于传智自己的框架。...核心模块和对象:全局对象global,process,console,util、事件驱动,事件发射器、加密解密,路径操作,序列化和反序列化、文件流操作、HTTP服务端与客户端、Socket.IO。
page处是管理图片的,在改div中添加删除图片及图片中的相关组件,如在div标签为page page-9中添加的Button组件。
JS基本特效: 常见特效、例如:tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。...JS高级特征: 正则表达式、排序算法、递归算法、闭包、函数节流、作用域链、基于距离运动框架、面向对象基础、 JQuery:基础使用 悬着器、DOM操作、特效和动画、方法链、拖拽、变形、JQueryUI组件基本使用...移动Web开发: 跨终端WEB和主流设备简介、视口、流式布局、弹性盒子、rem、移动终端JavaScript事件、手机中常见JS效果制作、Zepto.js、手机聚划算页面、手机滚屏 第三阶段:HTTP...框架封装高级和补充: JQuery框架雏形、可扩展性、模块化、封装属于传智自己的框架。...核心模块和对象: 全局对象global,process,console,util、事件驱动,事件发射器、加密解密,路径操作,序列化和反序列化、文件流操作、HTTP服务端与客户端、Socket.IO。
format-detection" content="telephone=no" /> 移动端页面侧边导航滑入效果 - HoverTree 原文 特效库.../texiao/mobile/2/img2.jpg" alt=""> .../">移动Web 网页特效 <a href="http://tool.keleyi.com
四、 周鸿祎:我跟雷军交往这些年…… 雷军曾指责周鸿祎炒作,并且用抄袭的办法做智能手机。...Building a custom HTML5 video player with CSS3 and jQuery:了解如何构建自己的定制的 HTML5 视频播放器,并包装播放器作为一个 jQuery...Fullscreen Slideshow with HTML5 Audio and jQuery:这是迄今为止,我见过在网上最酷的教程之一。学习如何创建一个全屏的照片幻灯片效果。...Creating a Mobile-First Responsive Web Design:学习如何设计移动优先的响应式网页设计,以及如何优化性能和灵活性,实现更佳的使用体验。...六、 分享8款最新超酷HTML5/CSS3特效及源码 CSS3/jQuery全屏立体焦点图 时尚大气 在线演示/源码下载 HTML5/CSS3文字投影特效 乳白阴影文字效果在线演示/源码下载 HTML5
JS基本特效:例如:tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。...JS高级特征:正则表达式、排序算法、递归算法、闭包、函数节流、作用域链、基于距离运动框架、面向对象基础 JQuery基础使用:悬着器、DOM操作、特效和动画、方法链、拖拽、变形、JQueryUI组件基本使用...移动Web开发:跨终端WEB和主流设备简介、视口、流式布局、弹性盒子、rem、移动终端JavaScript事件、手机中常见JS效果制作、Zepto.js、手机聚划算页面、手机滚屏。...AJAX:JSON和JSON解析、数据绑定和模板技术、JSONP、跨域技术、图片预读取和lazy-load技术、JQuery框架中的AjaxAPI、使用Ajax实现爆布流案例额。
在网页中合理的利用一些特效能带给人眼前一亮的感觉。今天给大家分享两款很有意思的 Js 特效插件。 输入框打字冒光特效 这款特效本博客也在使用,也有很多人问过是怎么实现的。.../script> 这个特效在移动端可能会导致有点卡,体验不是很好。...如果想要仅仅在 PC 端使用,那么可以这样: <script src="....随机字符插件Chaffle http://www.jq22.com/<em>jquery</em>-info549
Cocos2d-x路径图、HTML5路径图等 2. angularjs+ionic视频教程 phonegap + Angularjs + ionic 移动app开发 ionic项目简介以及Angularjs 基础 手机...基础 jQuery Mobile基础 CreateJS基础 TypeScript基础 20150208更新 Ajax视频教程-传智播客 SEO课程-李俊超 IT面试之2015届校招腾讯校招笔试面试大礼包...从入门到精通 视频实战版 1.10 CSS&javascript动态网页设计与制作 1.11 JScript中文参考手册 1.12 JavaScript语言参考手册 1.13 JavaScript客户端验证和页面特效制作...准备AJAX客户端程序环境 使用FireBug调试javascript JQuery的应用与高级调试技巧 JQuery的总结与简化调用 各种Ajax框架的对比介绍 各种Ajax框架的对比介绍 使用XHR...基础 第8阶段 jQuery UI基础 第9阶段 jQuery Mobile基础 第10阶段 CreateJS基础 第11阶段 TypeScript基础 第12阶段 实战开发教程 JavaScript视频教程大礼包
试试下面四个方法 我们都知道JQuery有一个函数,jquery.noConflict() 它的作用是讲$的控制权转让出去。然后我们可以通过jQuery代替$来获取dom节点。 ...){ //使用jQuery jQuery("p").click(function(){ alert( jQuery(this).text() ); }); }); $("pp").style.display...致力于解决网站大部分特效展示问题,使网站代码规范整洁,方便维护更新。 ...网站上常用的“焦点图/幻灯片”“Tab标签切换”“图片滚动”“无缝滚动”等只需要一个SuperSlide即可解决! ...从此无需网上苦苦寻觅特效,无需加载n个插件,无需害怕代码冲突,你需要的只是一个SuperSlide! 还可以多个SuperSlide组合创造更多效果哦~
原理 上面说过的原理,再次说一遍: html负责页面,也就是的内容和框架; js负责调用方法,也就是调用一些移动端原生; ui负责样式,比较有名的bootstrap,amazeui,jquery mobile...jquery mobile,专门对移动端做定制,看起来就像手机应用一样,js+css(300k),国外的,不推荐,有坑。...-1.4.5/jquery.mobile-1.4.5.min.css"/> <script...,然后在hbuilder下运行——手机运行——在设备上运行, 就直接可以在手机上看效果了 效果 打包 在hbuilder中发型——app打包,然后交给云端去打包,打包好后会自动下载,例如 心动了吗
比如native app内嵌h5页面、手机h5页面等。国内也一个相同功能的软件moblie debug。...支持现代浏览器和IE8以上版本 star: 9347 superslides 致力于解决网站大部分特效展示问题,网站上常用的焦点图/幻灯片,tab标签切换,图片滚动,无缝滚动等 star: 1478...fastclick 触摸UI上的消除点击延迟js库 star: 16750 mui 最接近原生APP体验的高性能框架 star: 4033 SUI-Mobile 由阿里巴巴国际UED前端出品的移动端... star: 6724 hammer.js 一个支持多点触摸的手势库 star: 18889 zepto 一款面向移动端设备、api与jquery兼容的基础库 star: 13987 Swiper...纯js打造的滑动特效插件,面向手机、平板电脑等移动终端。
比如native app内嵌h5页面、手机h5页面等。国内也一个相同功能的软件moblie debug。...它可以通过设置生成各种类似css3的动画效果 star: 5764 ● parallax 轻量级的的视差引擎,能对智能设备的方向作出反应 star: 13271 ● velocity 是一款和jQuery...支持现代浏览器和IE8以上版本 star: 9347 ● superslides 致力于解决网站大部分特效展示问题,网站上常用的焦点图/幻灯片,tab标签切换,图片滚动,无缝滚动等 star: 1478...加速移动触摸滑块与硬件之间的转换 star: 6724 ● hammer.js 一个支持多点触摸的手势库 star: 18889 ● zepto 一款面向移动端设备、api与jquery兼容的基础库...star: 13987 ● Swiper 纯js打造的滑动特效插件,面向手机、平板电脑等移动终端。
领取专属 10元无门槛券
手把手带您无忧上云