地理定位是HTML5提供的最令人激动的特性之一。 用相对简单的JavaScript代码,可以创建出能确定用户地理位置详细信息的Web应用,包括经纬度以及海拔等。一些Web应用甚至能通过监控用户位置随时间的移动来提供导航功能,其中还综合了GoogleMaps API这样的地图系统。 和所有HTML5的功能一样,你还不能依赖浏览器提供支持。而在浏览器提供支持的地方,它在深度和持续性上会有变化。本质上,你需要为那些浏览器不能为HTML5提供完全支持的用户提供替代功能。 在这篇教程里,我们会了解一些创建用户位置信息的基本知识。蓝狮注 ...
蓝狮注册开户jquery图片切换插件jquery.cycle
自从使用了jquery.cycle.js,我觉得再也不用自己写javascript的图片切换效果了,因为一想到它,我就会有一种深深的无力感,就好像面对着一座翻不过去的大山… 吐槽完毕,如标题所诉,jquery.cycle.js是jquery的一个插件,主要用来实现千奇百怪的图片切换效果——当然,不是图片也能切换,只是它经常被用来做图片切换而已。没使用过jQuery.Cycle.js的同学,可以点这里(官网)去摸摸底,看看有没有被震一下的感觉。jquery.cycle.js能实现的切换效果非常复杂,蓝狮注册相伴而来的就是它也有不简单的参数设置,不过我会给大家一一描 ...
蓝狮注册开户JQuery正则表达式
1.非负整数 /^d+$/2.正整数 /^[0-9][1-9][0-9]$/3.非正整数 /^((-d+)|(0+))$/4.负整数 /^-[0-9][1-9][0-9]$/5.整数 /^-?d+$/6.非负浮点数 /^d+(.d+)?$/7.正浮点数 /^(([0-9]+.[0-9][1-9][0-9])|([0-9][1-9][0-9].[0-9]+)|([0-9][1-9][0-9]))$/8.非正浮点数 /^((-d+(.d+)?)|(0+(.0+)?))$/9.负浮点数 /^(-(([0-9]+.[0-9][1-9][0-9])|([0-9][1-9][0-9].[0-9]+)|([0-9][1-9][0-9])))$/10.浮点数 /^(-?d+)(.d+)?$/11.数字 /^d+(.{1}d+)?$/12.由26个英文字母组成的字符串 /^[A-Za-z]+$/13.由26个英文字母的大写组成的字符串 /^[A-Z]+$/ ...
蓝狮注册开户在UI设计中色相颜色搭配的详解
不同的颜色会给用户带来不同的心理感受。这些色彩心理学上的重要问题也会影响到我们前端产品设计的成功与否。 红色:热烈 喜庆 激情 避邪 危险、热情、浪漫、火焰、暴力、侵略橙色:温暖 食物 友好 财富 警告黄色:艳丽 单纯 光明 温和 活泼、明亮、光辉、疾病、懦弱绿色:生命 安全 年轻 和平 新鲜、自然、稳定、成长、忌妒青色:信任 朝气 脱俗 真诚 清丽蓝色:整洁 沉静 冷峻 稳定 精确、忠诚、安全、保守、宁静、冷漠、悲伤紫色:浪漫 优雅 神秘 高贵 妖艳、创造、谜、忠诚、稀有白色:纯洁 神圣 干净 高雅 单调、天真、 ...
蓝狮注册开户收藏一个延时js
//下拉菜单延迟插件(function($){$.fn.hoverDelay = function(options){ 蓝狮注册开户var defaults = {hoverDuring: 120,outDuring: 120,hoverEvent: function(){$.noop();},outEvent: function(){$.noop();}};var sets = $.extend(defaults,options || {});var hoverTimer, outTimer, that = this;return $(this).each(function(){$(this).hover(function(){clearTimeout(outTimer);hoverTimer = setTimeout(function(){sets.hoverEvent.apply(that)}, sets.hoverDuring);},function(){clearTimeout(hoverTimer);outTimer = set ...
蓝狮注册开户网页图片格式PNG,JPG,GIF的选择
GIF优点:GIF最突出的地方就是他支持动画,同时GIF也是一种无损的图片格式,也就是说你在修改图片之后,图片质量并没有损失。再者GIF支持半透明(全透明或是全不透明)。根据Google的说法,GIF适用于很小或是较简单的图片(10×10以下或是3种颜色以下的图片)。缺点:不支持透明,如果图片颜色很多种,蓝狮注册开户特别是有红色的时候,尽量少用gif 不然会失真。PNG优点:PNG包括了PNG-8跟真彩色-PNG(PNG-24 or PNG-32)。那PNG相对于GIF最大的优势是:①通常体积会更小;②支持alpha(全透明);③但是我们知道PNG是不支持动画的;④同时需要 ...
蓝狮注册Opera:HTML5变现即将实现
匹图(p2h.cn) ,渴切-开源中文css框架讯:html5即推出之后,虽然广泛用于网页和移动网页的开发上,但是html5游戏盈利基本上还没有实现,作为浏览器的大商Opera说:html5即将把变现变为现实。下面看看他们怎么说。 当人们乐于接受技术新趋势之后,如何让趋势变成“现实”和“现金”更为重要。HTML5亦然,用于应用开发基础工具的发布会让人期待HTML5框架下网页应用的加速变现。浏览器厂商Opera欧朋近日发布了Sphinx游戏引擎。 作为全球首款GPU加速的HTML5处理引擎,用以解决HTML5游戏表现力的核心阻碍,蓝狮官网HTML5游戏产业爆发 ...
蓝狮注册经验:HTML5手机webapp开发之viewport的作用 如何定义手机浏览的默认页面宽度
匹图网(p2h.cn)讯:最近在帮电信制作手机版webapp网页时,碰到一个问题,页面在手机下浏览的宽度是不受控制的,有时候页面会缩放的很小,导致页面上的字看不清楚,页面有标准的宽度是640px,怎么让手机浏览器打开自动呈现出宽度是640px像素的网页呢。下面就要用到meta的viewport的属性,定义:width=“640”就可以完美解决。 下面是百度的资料文档:在用HTML5开发手机应用或手机网页时,部分总会有如下一段代码,这段代码到底什么意思呢。在网上,大家会得到很多答案。我从网上搜集了部分介绍,整理一下,以留备用。 什么是V ...
蓝狮注册[翻译]CSS3 Media Queries(多媒体查询)的原理
p2h.cn讯:CSS3 Media Queries(多媒体查询)是一个基于css3技术的网页响应技术,包括最近热门的bootstrap和国内的 渴切-开源中文css框架都不约而同的采用了css3多媒体查询技术。 这项技术最大的作用在于可以让pc页面只适应移动设备的浏览器终端。所以受到了热烈的欢迎。 如果你想使用这个技术,推荐下载 渴切-开源中文css框架。即能快速感受这项技术的特质。蓝狮官网或者给予它快速进行css开发。 if 逻辑查询的语句“if”语句:if 语句在浏览器里是true,就执行 里面的内容; and关键词 and @media (min-width: 600p ...
蓝狮注册推荐:基于html5技术的响应式css框架 兼容ie6
p2h.cn资讯:html5技术已经深入到生活的方方面面,pc端手机端都纷纷采用html5技术。 蓝狮官网p2h团队越来越多发现很多网站都已经纷纷运用了html5技术,以及基于html5技术开发手机网站。更有聪明的使用响应式技术直接让pc网页兼容手机浏览器浏览。
如果你不懂html5怎么办? 针对这种情况,推荐一款国内的开源css框架:蓝狮注册渴切。可以快速构建一个基于html5技术的网页,并且轻松通过手机浏览器浏览。快试试吧。
http://www.keqie.com
标签:css框架, HTML5, 兼容ie6, 响应式