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

标签:javascript

html5

HTML5转盘抽奖示例讲解

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

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

js+jquery

jquery实现为动态元素添加事件

使用js为动态元素(后来添加的元素)添加事件,我们通常采用事件委托,即利用冒泡原理,给父级元素绑定事件,通过e.target获取事件源,通过事件源的相关属性判断是否是要执行事件的对象。 例如: 给ul下的li添加鼠标悬浮事件 ul.onmouseover = function(ev){ //获取event对象 var ev = ev |……继续阅读 »

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

html5

HTML5 Placeholder 兼容

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

阿豹 4年前 (2015-03-18) 345浏览 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对象的实例。如……继续阅读 »

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