轩枫阁

首页 / Web前端 (第35页)

jQuery选择器详细解析

1. 基础选择器 Basics

名称 说明 举例
#id 根据元素Id选择 $(“divId”) 选择ID为divId的元素
element 根据元素的名称选择, $(“a”) 选择所有<a>元素
.class 根据元素的css类选择 $(“.bgRed”) 选择所用CSS类为bgRed的元素
* 选择所有元素 $(“*”)选择页面所有元素
selector1, 
selector2, 
selectorN
可以将几个选择器用”,”分隔开然后再拼成一个选择器字符串.会同时选中这几个选择器匹配的内容. $(“#divId, a, .bgRed”)

查看全文

2014/02 16  周日

“复制到剪切板”的多种浏览器兼容方案

前言

现在有很多地方需要复制,由于安全问题,浏览器的限制越来越严,实现方法也越来越有限window.clipboardData仅在IE上支持,Components.interfaces.nsIClipboard在FF上需要进行设置才能支持。

分析

现在网上比较流行的解决方案是利用flush作为桥梁,主要有:

1、Clipboard Copy,这个方法只支持flash 9,不支持flash 10。因为flash10中规定了只有在swf上进行了真实的操作(比如鼠标点击)才能访问剪切板,而上述方法只是使用了一个隐藏的swf文件,通过javascript操作flash的剪贴板,用户并没有对swf文件进行真实的操作,因此这个方法也就失效了。

2、Zero Clipboard,利用这个js库可以支持利用flash 10 实现复制到剪贴板。这个方法原理是在一个透明的flash(对用户来说是不可见的)上覆盖一个dom元素比如button或div,当点击这个dom时,实际点击的是flash,从而访问flash的剪贴板。 查看全文

2014/02 16  周日

修改CSS后自动刷新页面查看效果

前言

在做web开发的过程经常需要修改CSS文件,而每次修改后都需要手动去刷新浏览器才能看到效果,相当麻烦。

这里推荐一个开源的JS工具,可以帮助我们在修改CSS文件后,自动刷新页面查看效果,提高了开发的效率。

使用

使用方法很简单,只要在页面中引入后面的的cssrefresh.js文件,那么当前页面的css代码修改之后,页面就会自动刷新呈现效果了。需要注意的是,项目必须在服务器下预览,因为使用ajax请求,所以本地项目无法正常工作,并出现XMLHttpRequest cannot load … Cross origin requests are only supported for HTTP错误。 查看全文

2014/02 15  周六

全面的css hack(ie6-9,firefox,chrome,opera,safari)

前言

在这个浏览器百花争鸣的时代,作为前端开发的我们为了我们漂亮的设计能适应各个浏览器可为煞费苦心,主要体现在javascript和css上面。这次来看下CSS hack

为了适应不同浏览器不同的版本(版本主要就ie来说),ie这朵奇葩现在我们要兼容6-11(主要是6-9)。在ie下我们可以写条件注释来区分ie和其他浏览器,以及ie的版本。 查看全文

2014/02 15  周六

基于canvas实现的旋转时间圆点

时间是指宏观一切具有不停止的持续性和不可逆性的物质状态的各种变化过程,其有共同性质的连续事件的度量衡的总称。时是客观存在,而间是人们的思想所划分的

前言

如何表示时间在走呢?如何实现时间可视化呢?就如轩枫阁的轮播图,用高级浏览器就可以看到图片右下角有个会动的圆点,当圆点旋转一周(9s),图片即切换,将时间生动的刻画出来。

实现原理

  • canvas绘制蓝色圆形
  • canvas绘制白色扇形
  • 白色扇形的度数随着时间变大

弧度制单位

rad 角度制单位:度 → 180度 = PI弧度 → 1度 = PI弧度/180度 → 1弧度= 180度/PI弧度

弧度 = 角度*PI/180

角度 = 弧度*180/PI 查看全文

2014/01 19  周日

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]

    点击开始录制,可以录制弹奏的曲子