请使用firefox,chrome等最新浏览器浏览本站。

html5 input placeholder兼容

查看html5 input placeholder兼容性 实现html5 input placeholder兼容,需要借助javascript,css共同实现: html代码: <input type="text" placeholder="邮箱" id="email-ks"/> javascript代码: (function(window……继续阅读 »

阿豹 3年前 (2015-09-15) 812浏览 3评论 5个赞

SEO优化-最佳html代码

1.<!–页面注解–> 这个标签是用来做HTML代码注解的,很多站在这里会写上关键词,这种形式的注解在浏览器中是不会显示的,而搜索引擎可以读到。所以这个标签有的时候会成为作弊的一种形式,不要过多的用这种标签到来注明你的关键词,否则如果搜索引擎认为你是作弊的话,就惨了。 2.<title>页面标题</tit……继续阅读 »

阿豹 3年前 (2015-08-03) 291浏览 0评论 5个赞

seajs config

seajs.config({ // 别名配置 alias: { 'es5-safe': 'gallery/es5-safe/0.9.3/es5-safe', 'json': 'gallery/json/1.0.2/json', 'jquery': 'jquery/jquery/1.10.1/jquery' }, // 路径配置 pat……继续阅读 »

阿豹 3年前 (2015-08-03) 286浏览 0评论 4个赞

HTML5转盘抽奖示例讲解

之前写过一款基于canvas的刮刮乐插件,详情请查看html5刮刮乐插件,今天给大家分享基于转盘形式的抽奖案例: 由图可知我们将转盘分为12块区域,每块区域为30度。要实现随机旋转,首先我们要规定每块区域最终标记的度数。比如一等奖区域,我们显示为0度,二等奖区域,我们显示为120度。 所以我们可以定义一个12位的数组记录最终的度数: var dataOb……继续阅读 »

阿豹 4年前 (2015-04-15) 659浏览 1评论 5个赞

html5 classList API

classList API是与操作dom元素类名相关的api. 查看兼容性 之前我们用js操作dom元素的类名,采用的是dom.className方法,这样做有一个弊端就是不能单独对className就行增减操作。需要采用replace()方法。从而增加了一些不必要的操作。 classList API列表: 方法或属性 说明 add(“c……继续阅读 »

阿豹 4年前 (2015-03-19) 376浏览 0评论 3个赞

实现两列布局的方法

下面总结一下实现如图效果的多做方法: 1.使用table-cell; <div class="m-labellist2">     <div class="row">         <div class="cell left">             收货人:         </div>  ……继续阅读 »

阿豹 4年前 (2015-03-18) 346浏览 0评论 4个赞

HTML5 Placeholder 兼容

placeholder是html5新增的一个属性,当input或者textarea设置了该属性后,该值的内容将作为灰字提示显示在文本框中,当文本框获得焦点(或输入内容)时,提示文字消失。 由于placeholder是html5的新属性,可想而知,仅支持html5的浏览器才支持placeholder,目前最新的firefox、chrome、safari以及i……继续阅读 »

阿豹 4年前 (2015-03-18) 355浏览 0评论 2个赞