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

阿豹的文章

本人热爱web编程,现在从事移动和pc的网站前端以及后端的制作,以及android及ios产品的接口开发,目前正往html5,webapp方面发展,希望有共同爱好的朋友们,大家一起交流,共同进步.
css3

实现两列布局的方法

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

5年前 (2015-03-18) 587浏览 0评论 4个赞

html5

HTML5 Placeholder 兼容

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

5年前 (2015-03-18) 611浏览 0评论 2个赞

js+jquery

javascript Date()详解

Date对象是JavaScript提供的日期和时间的操作接口。 Date() Date对象可以直接调用,返回一个当前日期和时间的字符串 console.log(Date()); //Tue Mar 17 2015 09:52:56 GMT+0800 new Date() Date对象还是一个构造函数,对它使用new命令,会返回一个Date对象的实例。如……继续阅读 »

5年前 (2015-03-17) 621浏览 0评论 3个赞

js+jquery

javascript/jquery操作iframe对象

在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素 以以下代码为例: index.html <iframe src="header.html" width="" height="" id="header"></iframe> <iframe sr……继续阅读 »

5年前 (2015-03-04) 671浏览 0评论 2个赞

html5

canvas 时钟

查看demo canvas时钟代码: var canvas = document.getElementById('clock'); var clock = canvas.getContext('2d'); function drowClock() { //清除画布 clock.clearRect(0, 0, 300, 300); v……继续阅读 »

5年前 (2015-03-04) 578浏览 0评论 1个赞

html5

文件和二进制数据的操作

Blob对象 Blob(Binary Large Object)对象代表了一段二进制数据. 生成Blob对象有两种方法:一种是使用Blob构造函数,另一种是对现有的Blob对象使用slice方法切出一部分。 (1)Blob构造函数,接受两个参数。第一个参数是一个包含实际数据的数组,第二个参数是数据的类型,这两个参数都不是必需的。 var htmlParts……继续阅读 »

5年前 (2015-03-03) 606浏览 0评论 0个赞

html5

HTML5 Web Notifications API

概述 Notifications API用于在用户的桌面(而不是网页上)显示通知信息,桌面电脑和手机都适用,比如通知用户收到了一封Email。具体的实现形式由浏览器自行部署,对于手机来说,一般显示在顶部的通知栏。 如果网页代码调用这个API,浏览器会询问用户是否接受。只有在用户同意的情况下,通知信息才会显示。 查看浏览器兼容性 下面的代码用于检查浏览器是否支……继续阅读 »

5年前 (2015-03-03) 832浏览 0评论 0个赞

html5

HTML5 拖放操作

html5 Drag and Drop api允许对元素进行拖放。 查看浏览器兼容性 draggable属性 如果网页元素的draggable属性为true,这个元素就是可以拖动的。 <div draggable=”true”>Draggable Div</div> 在大多数浏览器中,a元素和img元素默认……继续阅读 »

5年前 (2015-03-02) 508浏览 0评论 1个赞