top慢慢-CSDN博客

转载 HTML5本地数据库详解

对于复杂的数据库，HTML5使用本地数据库进行操作。这是一个浏览器端的数据库。在本地数据库中我们可以直接利用JavaScript创建数据库，并利用SQL语句执行相关的数据库操作。下面分别介绍本地数据库的各个API及其使用方法。1、利用openDatabase创建数据库我们可以利用openDatabase方法创建数据库。openDatabase方法传递五个参数，分别是：数据库名、数据

2016-03-04 14:05:04 430

转载 CSS3弹性布局内容对齐（justify-content）属性使用详解

内容对齐（justify-content）属性应用在弹性容器上，把弹性项沿着弹性容器的主轴线（main axis）对齐。该操作发生在弹性长度以及自动边距被确定后。它用来在存在剩余空间时如何加以分配，也会在发生内容溢出时影响项目的对齐。注意：弹性布局中有两个基本术语main axis和cross axis，一般情况下，我们可以把它们各自看作是屏幕上的行向和列向（但是严格讲，这和写模

2016-03-04 14:03:37 2746

原创 html5调取摄像头

话不多说，直接贴代码。温馨提示：这个代码必须放在服务器环境中才可以运行，你可以在本地配个虚拟的服务器。代码如下：拍照 var video = document.getElementById("video"); var context = canvas.getContext("2d"); var errocb = function () {

2016-03-04 13:47:01 977

原创在pc端，分享功能

在pc端，经常也要做分享到qq空间，qq好友，微博等，下面就写出怎样做到这些：更多 window._bd_share_config = { common : { bdText : '自定义分享内容', bdDesc : '自定义分享摘要', bdUrl : '自定义分享url地址', bdPic : '自定义分享图

2016-03-04 11:31:06 2852

原创在微信浏览器中做分享到朋友圈和分享到好友

最近一直看到有关做微信朋友圈分享的，下面我也总结一份：如何在微信公众平台前端网页上添加分享到朋友圈，关注微信号等按钮：在微信内嵌浏览器定义了一个私有 JavaScript 对象：WeixinJSBridge，通过操作这个对象的相关方法可以实现分享到微信朋友圈，和判断一个微信号的关注状态以及实现关注指定微信号等功能。分享到朋友圈function weixinShareTime

2016-03-04 11:26:42 2952

原创 html5签名以及保存图片

直接贴项目代码授权书为了维护您的权益，请在签署前仔细阅读本授权书中的各项条款本人知晓并同意平安普惠依据《征信业管理条例》及相关法律法规，向第三方征信机构提交本人在此笔借贷业务中产生的相关信息，包括但不限于个人基本信息、借款申请信息、借款合同信息以及还款行为信息，并记录在征信机构的个人信用信息数据库中。

2016-03-01 11:06:00 9110 1

原创 html5可拖动的滚动条样式修改

关于html5中， input标签的type="range"样式的修改：下面综合一个小例子：CSS，Jquery精美进度条和滑动条插件/*进度条的边框颜色高背景颜色*/::-moz-range-track { border: 1px solid green; height: 20px; background: #f0f3f9; }/

2016-03-01 10:59:11 2276

原创关于cookie的使用

在做页面的时候，有时候需要将一个页面的值带到另一个页面，这时候就用到了cookie,我用的是jquery.cookie,下面介绍一下：首页要引入jquery库和jquery.cookie.js，而且需要在服务器上运行才能有cookie的值传递。下面就用例子来说明：姓名：年龄： $(function () { var names = $.coo

2016-03-01 10:51:42 403

翻译页面加载过程中的等待查询loading效果

实现查询等待：正在查询中，请稍后．．．html代码：正在查询，请稍等... .query_hint{ border:5px solid #939393; width:250px; height:50px; line-height:55px; padding:0 20px; position:absolute; left:50%; margin-left

2016-03-01 10:05:14 2255

原创关于文字不能两端都对其的样式

在做手机页面时候，有一段长的文字，出现了右边放一个字放不下，不放显得空了点，如下：右边总是感觉对不齐，现在解决方案如下，原来只需一个css： text-align:justify

2016-02-29 17:29:44 384

转载苹果手机safairi不支持position：fixed

我们在做移动web应用的时候，常常习惯于使用position:fixed把一个input框作为提问或者搜索框固定在页面底部。但在IOS的safari和webview中，对position:fixed的支持不是很好（在IOS5之前甚至还不支持position:fixed）。我遇到的其中一个问题就是，在iOS6+环境下，input focus弹出输入法的时候，设置了position fixed的inp

2016-02-29 17:08:06 4744

转载使用jQuery Autocomplete(自动完成)插件

jQuery 的Autocomplete（自动完成、自动填充）插件有不少，但比较下来我感觉，还是bassistance.de 的比较强大，我们就来写一些代码感受一下。最简单的Autocomplete（自动完成）代码片段var websites = [ "Google","NetEase", "Sohu", "Sina", "Sogou", "Baidu", "Tencent",

2016-01-29 11:20:03 634

原创 My97DatePicker组件使用方法

一. My97DatePicker组件的官网如下：http://www.my97.net/二.注意事项1.My97DatePicker目录是一个整体,不可破坏里面的目录结构，,也不可对里面的文件改名,可以改目录名。2.各目录及文件的用途:WdatePicker.js 配置文件,在调用的地方仅需使用该文件,可多个共存,以xx_WdatePicker.js方式命名

2016-01-27 16:01:17 1226

原创 mobiscroll插件使用

最近做手机端的页面，用到mobiscroll插件，现在总结一下：http://docs.mobiscroll.com/2-13-2 可以在这里参考学习。在之前，要先下载mobiscroll.custom-2.5.0.min.css和mobiscroll.custom-2.5.0.min.js ，然后分别引入。再引入一个jquery库。写一个效果，带注释：日期选择：

2016-01-18 15:57:41 5924 2

原创 animation 动画的定义和使用

@keyframes 定义动画@keyframes myname{ 0%{} 50%{} 100%{}}调用动画.div{ animation-name: myfirst;animation-duration: 5s;animation-timing-function: linear;animation-delay: 2s;

2015-12-11 17:26:10 2276

原创 box-shadow参数以及使用

参数：box-shadow:none | [inset x-offset y-offset blur-radius spread-radius color], [inset x-offset y-offset blur-radius spread-radius color] box-shadow属性可以使用一个或多个投影，如果使用多个投影时必须使用逗号“,”隔开。其中的

2015-12-11 15:53:06 5087

baidu_31345523的博客