html5
君望永远
この世界、愛はあるの?
展开
-
Html5 Geolocation获取地理位置信息
Html5中提供了地理位置信息的API,通过浏览器来获取用户当前位置。基于此特性可以开发基于位置的服务应用。在获取地理位置信息前,首先浏览器都会向用户询问是否愿意共享其位置信息,待用户同意后才能使用。Html5获取地理位置信息是通过Geolocation API提供,使用其getCurrentPosition方法,此方法中有三个参数,分别是成功获取到地理位置信息时所执行的回调函数,失败时所转载 2012-11-12 14:53:34 · 1072 阅读 · 0 评论 -
Bootstrap3.0学习第十三轮(导航条)
本文主要来讲解以下内容1.默认的导航条2.表单3.按钮4.文本5.非导航的链接6.组件对齐7.固定在顶部8.固定在底部9.静止在顶部10.反色的导航条11.总结默认的导航条 导航条是在您的应用或网站中作为导航标头的响应式元组件。它们在移动设备上可以折叠(并且可开可关),且在可用的视口宽度增加时变为水平展开模式。定制折叠模式与水平模式的阈值转载 2017-05-27 16:20:58 · 527 阅读 · 0 评论 -
Bootstrap3.0学习第十四轮(分页、徽章)
本文主要来讲解以下内容1.分页2.徽章3.总结分页为您的网站或应用提供多页的分页组件,或是用更简单的翻页替换。默认分页发出了这个简单的分页,用在应用或搜索结果中超级棒。这个大块容易看见,容易缩放并有大块的点击区域。 class="pagination"> "#">« "#">1 "#">2 "转载 2017-05-27 16:26:42 · 412 阅读 · 0 评论 -
Bootstrap3.0学习第十五轮(大屏幕介绍、页面标题、缩略图、警示框、Well)
本文主要来讲解以下内容1.大屏幕介绍2.页面标题3.缩略图4.警示框5.Well6.总结大屏幕介绍 轻量,灵活的可选组件,扩展整个视角,展示您站点上的关键内容。要让大屏幕介绍是屏幕宽度,请别把它包括在.container。class="jumbotron"> Hello, world! This is a simple hero unit, a si转载 2017-05-27 16:33:43 · 626 阅读 · 0 评论 -
Bootstrap3.0学习第二十六轮(JavaScript插件——图片轮播)
本文主要来学习一下JavaScript插件--轮播。废话不多说,直接进入学习。轮播 下面先来展示的就是此插件和相关组件制作的轮播案例。 "width:900px; margin-left:auto; margin-right:auto;"> "carousel-example-generic" class="carousel slide" data-ride="car转载 2017-05-30 17:56:29 · 841 阅读 · 0 评论 -
Bootstrap3.0学习第二十五轮(JavaScript插件——折叠)
前言 阅读之前您也可以到Bootstrap3.0入门学习系列导航中进行查看 本文主要来学习一下JavaScript插件--折叠。 过渡效果 关于过渡效果 对于简单的过渡效果,只需将 transition.js 和其它JS文件一起引入即可。如果你使用的是编译(或压缩)好的 bootstrap.js前言阅读之前您也可以到Bootstrap3.0入门学习系列导航中进行查看转载 2017-05-30 17:57:34 · 408 阅读 · 0 评论 -
Bootstrap3.0学习第二十四轮(JavaScript插件——按钮)
本文主要来学习一下JavaScript插件--按钮。按钮按钮可以完成很多工作。控制按钮状态或创建按钮组可以产生类似工具条之类的复杂组件。状态通过添加data-loading-text="正在加载..."可以使按钮呈现加载状态。"button" id="fat-btn" data-loading-text="正在加载..." class="btn btn-primary">转载 2017-05-30 18:07:56 · 472 阅读 · 0 评论 -
Bootstrap3.0学习第二十三轮(JavaScript插件——警告框)
本文主要来学习一下JavaScript插件--警告框。警告框案例通过这个插件可以为所有警告框增加关闭功能。 "alert1" class="alert alert-warning fade in"> 'alert1' type="button" class="close" data-dismiss="alert" aria-hidden="true">转载 2017-05-30 18:55:41 · 559 阅读 · 0 评论 -
Bootstrap3.0学习第二十二轮(JavaScript插件——弹出框)
本文主要来学习一下JavaScript插件--弹出框。弹出框案例为页面内容添加一个小的覆盖层,就像iPad上的效果一样,为页面元素增加额外的信息。先来看几个简单的静态案例效果图 效果比较简单主要就是静态的弹出的小窗体,分为窗体标题和窗体内容。 class="bs-example bs-example-popover"> class="popov转载 2017-05-30 18:59:52 · 488 阅读 · 0 评论 -
Bootstrap3.0学习第二十轮(JavaScript插件——滚动监听)
前言本文主要来学习一下JavaScript插件--下拉菜单。滚动监听案例滚动监听插件可以根据滚动条的位置自动更新所对应的导航标记。你可以试试滚动这个页面,看看左侧导航的变化。先把实现的代码上了,你可以通过测试代码先来看看效果。 Bootstrap .scrollspy-example {转载 2017-05-30 19:09:33 · 617 阅读 · 1 评论 -
Bootstrap3.0学习第十六轮(进度条、媒体对象、列表组、面板)
前言阅读之前您也可以到Bootstrap3.0入门学习系列导航中进行查看http://www.cnblogs.com/aehyok/p/3404867.html本文主要来讲解以下内容1.进度条2.媒体对象3.列表组4.面板5.总结进度条 提供工作或动作的实时反馈,只用简单且灵活的进度条。跨浏览器兼容性进度条使用了CSS3的transition和ani转载 2017-05-30 19:10:38 · 450 阅读 · 0 评论 -
Bootstrap3.0学习第十七轮(JavaScript插件——模态框)
阅读之前您也可以到Bootstrap3.0入门学习系列导航中进行查看http://www.cnblogs.com/aehyok/p/3404867.html本文主要来学习一下JavaScipt插件模态框。在学习模态框之前,我们先来了解一下JavaScript插件吧。JavaScript插件概览插件可以单个引入(使用Bootstrap提供的单个*.js文件),或一次性全部引入(使用boo转载 2017-05-30 19:11:37 · 738 阅读 · 0 评论 -
Bootstrap3.0学习第十八轮(JavaScript插件——下拉菜单)
阅读之前您也可以到Bootstrap3.0入门学习系列导航中进行查看http://www.cnblogs.com/aehyok/p/3404867.html本文主要来学习一下JavaScript插件--下拉菜单。下拉菜单 通过此插件可以为几乎所有东西添加下拉菜单,包括导航条、标签页、胶囊式按钮,本文主要来介绍下导航条里面的下拉菜单吧,其实道理都是一样的。用于导航条先来看一下之前转载 2017-05-30 19:17:54 · 337 阅读 · 0 评论 -
Bootstrap3.0学习第十九轮(JavaScript插件——标签页)
阅读之前您也可以到Bootstrap3.0入门学习系列导航中进行查看http://www.cnblogs.com/aehyok/p/3404867.html本文主要来学习一下JavaScript插件--标签页。标签页之前通过组件只是简单的学习过这样的class="nav nav-tabs"> class="active">"#">Home "#">Profile "转载 2017-05-30 19:21:41 · 480 阅读 · 0 评论 -
Bootstrap3.0学习第十一轮(输入框组)
本文主要来讲解以下内容1.基本案例2.尺寸3.复选框和单选框4.附加按钮5.带下拉菜单的按钮6.分段按钮7.总结基本案例 通过在基于文本的输入框前面,后面或是两边加上文字或按钮,可以扩展对表单的控制。用带有.input-group-addon的.input-group,可以给.form-control前面或后面追加元素。跨浏览器兼容性这里请避免使用转载 2017-05-27 15:51:10 · 340 阅读 · 0 评论 -
Bootstrap3.0学习第十轮(下拉菜单、按钮组、按钮式下拉菜单)
终于把前面关于Bootstrap CSS部分简单的学习了一遍,应该忽视了比较多的细节问题。不过大部分的内容我都过了一遍,并且用代码实现了一遍,而且看到了真是的效果。挺不错的。那么接下来的几篇文章主要来讲解Bootstrap的组件。那么本文主要来讲解以下内容1.下拉菜单2.按钮组3.按钮式下拉菜单4.总结再来熟悉一下这个开始建立一个页面的代码,首先新建一个测试网页加入如下代码转载 2017-05-27 15:22:13 · 432 阅读 · 0 评论 -
HTML5最佳实践
HTML5正迅速称为web前端开发技术标准,作为一名前段开发人员,了解并正确的使用HTML5制作网站变得越来越重要。通过两年的HTML5开发经验,我总结出下面的这个列表,“HTML5最佳实践”,希望它们对你的HTML5开发有所帮助。1.使用HTML5生成器当你需要建立一个新的网站的时候,通常你会先根据网站的布局建立一个模板页,然后每个页面都使用这个结构。你可以完全自己去写这转载 2013-04-23 11:24:44 · 1237 阅读 · 0 评论 -
【实战HTML5与CSS3 第三篇】我第一个HTML5网页诞生了(提供源码)
目录【实战HTML5与CSS3 第一篇】初探水深,美丽的导航,绚丽的图片爆炸!!【实战HTML5与CSS3 第二篇】绚丽的快速导航!【实战HTML5与CSS3 第三篇】我第一个HTML5网页诞生了(提供源码)前言昨天的进度有点延缓,只做了快速导航特效,都是晚上回来一点多才基本结束,其中很多问题也没有修正,就只有一个白板特效。今天是假日的最后一天,所以转载 2013-05-01 17:29:11 · 1321 阅读 · 0 评论 -
10天学会跨平台移动应用开发之AppCan视频教程
关于AppCanAppCan官方网址:http://www.appcan.cn/AppCan移动快速开发平台是基于HTML5技术的跨平台快速开发解决方案。开发者利用HTML5+CSS3+ JavaScript技术可以快速的开发与本地应用相媲美的应用。AppCan平台提供了UI快速开发框架、手机本地功能调用Api接口、AppCan应用打包系统、AppCan集成开发IDE环境和AppC转载 2015-02-21 13:36:53 · 2965 阅读 · 0 评论 -
亿忆网客户端源码开源!欢迎探讨!
简介: 亿忆网客户端,主要为亿忆网网友提供手机端的访问和使用!App开发始于9月份,9月底结束!但是一直苦于IOS6崩溃问题,未能上线!前两天终于打包上线,也通过了苹果AppStore的审核!本着受惠于开源,贡献于开源想法!特开源分享客户端源码,与大家分享交流! 架构: 前端: AppCan、css3、html5、Javascript、zepto.js、ba转载 2015-02-21 13:37:34 · 2459 阅读 · 0 评论 -
一步一步构建手机WebApp开发——页面布局篇
继上一篇:一步一步构建手机WebApp开发——环境搭建篇过后,我相信很多朋友都想看看实战案例,这一次的教程是页面布局篇,先上图: 如上图所示,此篇教程便是教初学者如何快速布局这样的页面。废话少说,直接上代码 注意:此教程是接上一篇教程,也就是所有的内容是直接从body开始写,当然,也会贴出所有代码给大家。 第一步:框架的布局及幻灯片的布局(Ht转载 2015-04-23 00:13:13 · 34298 阅读 · 6 评论 -
CSS美化上传按钮并获取上传文件路径
上传功能很常见了,就是一个 input file 功能。但是默认的上传很丑啊有没有,所以网上也有很多美化的 css 文章,但是很多也只是美化以下按钮而已,今天遇到一个问题就是还要显示上传文件的路径,一般默认的都会在后面显示上传文件名,但是按照网上的教程美化之后,就把文件名这些东西看不到了,这也是很郁闷的。所以这里等于有两个需求,一个是按钮要美化,另一个就是还要显示上传文件的路径。首转载 2015-11-23 15:34:33 · 8508 阅读 · 2 评论 -
Bootstrap3.0学习第一轮(入门)
前言在上一节中http://www.cnblogs.com/aehyok/p/3381651.html主要是简单的介绍了一下Bootstrap。从http://www.bootcss.com/中文网不难发现现在是针对两个版本进行文档说明,看来两个版本的差别还是蛮大的。不过从Visual Studio 2013前不久的更新中看,微软是将Bootstrap3的新版本加入到了VS当中,所以也转载 2017-05-27 10:30:50 · 391 阅读 · 0 评论 -
Bootstrap3.0学习第二轮(栅格系统原理)
通过前面两篇博文的简单介绍,大致对于Bootstrap有了初步的了解。由于自己也只是想通过Bootstrap官网来进行简单的学习,自己能够随便搞个不是太搓的页面就可以了。所以如果你是新手或许可以来看看,对你还有那么一点儿帮助,高手请飘过。 《学习第一轮》中也只是简单的介绍了如何下载文件,及进行引用下载的文件,还没有真正的进入前端的设计学习中。我也看到了广大博友们对Boot转载 2017-05-27 10:42:48 · 470 阅读 · 0 评论 -
Bootstrap3.0学习第三轮(栅格系统案例)
栅格选项 通过下面的截图可以比较清楚的来查看Bootstrap的栅格系统是如何在多种不同的移动设备上面进行工作的。 内容来自www.itxxz.com 从上面的截图可以看出来,Bootstrap针对不同尺寸的屏幕(包括手机、平板、PC等等)设置了不同的样式类,这样让开发人员在开发时可以有更多的选择。根据我的理解:如果在一个元素上使用多个不同的转载 2017-05-27 10:55:24 · 315 阅读 · 0 评论 -
Bootstrap3.0学习第四轮(排版)
标题Html中的所有标题标签,从到均可使用。另外还提供了.h1到.h6的class,为的是给inline属性的文本赋予标题的样式。 div class="container"> h1 class="page-header">标题h1> h1>h1. Bootstrap headingh1> h2>h2. Bootstrap headingh2>转载 2017-05-27 11:17:56 · 381 阅读 · 0 评论 -
Bootstrap3.0学习第五轮(表格)
本文主要讲解的是表格,这个其实对于做过网站的人来说,并不陌生,而且可以说是最为常用的各种列表的展示,有时候也会因为用户或者老板的需求而感到头疼。下面我们来看一下,Bootstrap已经为我们准备那些类型的表格呢?如下所示:1.基本案例2.条纹状表格3.带边框的表格4.鼠标悬停5.紧缩表格6.状态class7.响应式表格8.总结基本案例 为任意标签添加.tab转载 2017-05-27 11:48:12 · 486 阅读 · 0 评论 -
Bootstrap3.0学习第六轮(表单)
前言阅读之前您也可以到Bootstrap3.0入门学习系列导航中进行查看http://www.cnblogs.com/aehyok/p/3404867.html本文主要讲解的是表单,这个其实对于做过网站的人来说,并不陌生,而且可以说是最为常用的提交数据的Form表单。本文主要来讲解一下内容:1.基本案例2.内联表单3.水平排列的表单4.被支持的控件5.静态控件6.控转载 2017-05-27 14:43:12 · 361 阅读 · 0 评论 -
Bootstrap3.0学习第七轮(按钮)
本文主要讲解的是按钮的样式。1.选项2.尺寸3.活动状态4.禁用状态5.可做按钮使用的Html标签6.总结选项 使用上面列出的class可以快速创建一个带有样式的按钮。 "button" class="btn btn-default">Default "button" class="btn btn-primary">Pr转载 2017-05-27 15:03:45 · 352 阅读 · 0 评论 -
Bootstrap3.0学习第二十一轮(JavaScript插件——工具提示)
本文主要来学习一下JavaScript插件--工具提示。工具提示 受到Jason Frame开发的jQuery.tipsy插件的启发,Bootstrap才把这个工具提示插件做的更好,而且此插件不依赖图片,只是使用CSS3来实现动画效果,并使用data属性存储标题。将鼠标悬停在按钮、文本框、链接等等一些基本控件上就可以看到提示了,先上一个效果图 主要实现了按钮的上下左右的To转载 2017-05-30 19:22:39 · 540 阅读 · 0 评论