最近的文章列表

兼容Chrome、FF、IE浏览器的复制粘贴方案

也许你在网上冲浪时,经常会在使用复制按钮时,出现下图的情况:
(图)

出现这种情况的原因是:浏览器兼容性的问题,那么来看看前端开发人员是怎么处理的,一般代码如下:

/**
...
2013/4/7 Comments:
iView Slider滑块插件 优秀的响应式 jQuery

iView Slider 是一款优秀的 jQuery 滑动插件,用于实现文本、图片、视频等各种网页内容的滑动功能。iView Slider 支持响应式布局,能够很好的运行于触屏设备中。

iView Slider 内置35种很炫的过渡效果(Transition Effects),能够帮助你制作出各种各样的滑动效果。

 

 

...

2013/1/26 Comments:
用LABjs或RequireJS来异步加载Javascript文件

传统上,加载Javascript文件都是使用<script>标签。

就像下面这样:  <script type="text/javascript" src="example.js"></script>

<script>标签很方便,只要加入网页,浏览器就会读取并运行。但是,它存在一些严重的缺陷。

  (1)严格的读取顺序。由于浏览器按照<script>在网页中出现的顺序,读取Javascript文件,然后立即运行,导致在多个文件互相依赖的情况下,依赖性最小的文件必须放在最前面,依赖性最大的文件必须放在最后面,否则代码会报错。

...
2012/8/8 Comments:
jQuery快速入门避免少走弯路

一、JQuery的环境配置

1、JQuery分为压缩版和非压缩版

2、$=JQuery

3、$(document).ready(funtion(){});  相当于 $(function(){});

4、注释用//

5、DOM对象与JQuery对象的相互转换

    var $variable (jquery对象) =$(variable)(Dom对象);

...

2012/8/2 Comments:
select标签填充json无限分类以及创建optgroup项

下边是读取json填充select标签,因为分类是无限的,所以采用js的递归方法:

var json = { "parents": [ { "name": "餐饮", "childrens": [ { "name": "小吃", "childrens": [ { "name": "东北小吃" } ] }, { "name": "大吃" } ] }, { "name": "酒店" }, { "name": "度假村", "childrens": [{ "name": "海南" }, { "name":"三亚", "childrens": [] } ] } ] };

...
2012/7/30 Comments:
JW Player使用简介 基于flash的交互式网页媒体播放器

一、JW Player是什么?简单地说,JW Player是一种基于flash的交互式网页媒体播放器。它是由Jeroen 和 Wijering共同建立的LongTail Video所开发,问世于2005年,当时仍名不经传的YouTube首次采用的播放器就是JW Player。官方网址:http://www.longtailvideo.com/。JW Player含:FLV Player、WMV Player、Image Rotator和Desktop Player四种,除了最后一种实为桌面播放器,其他三种都是网页播放器。本篇内容仅限FLV Player。二、JW FLV Media Player简介JW FLV Media Player可播放Adobe Flash Player所支持的媒体,

2012/2/24 Comments:
JW Player之XML播放清单简介

一、XML是什么?XML(Extensible Markup Language)即可扩展标记语言,它与HTML一样,都是SGML(Standard Generalized Markup Language标准通用标记语言)。XML是一种简单的数据存储语言,使用一系列简单的标记描述数据。XML与HTML的设计区别是:XML是用来存储数据的,重在数据本身。而HTML是用来定义数据的,重在数据的显示模式。XML是W3C制定的,XML的标准化工作由W3C的XML工作组负责,因为XML 是个公共格式(它不专属于任何一家公司), XML不是一个依附于特定浏览器的语言。(以上摘自百度百科)二、如何编写、打开和编辑XML文件?1、最强大的XML工具当属ALTOVA XMLSpy。2、微软免费的XML工具XML

2012/2/24 Comments:
document.write()和document.writeln()的区别

解决思路: 两者都是JavaScript向客户端输出的方法,对比可知写法上的差别是一个ln--line的简写,换言之,writeln 方法是以行输出的,相当于在?winte?输出后加上一个换行符。 注意:document.write方法可以用在两方面:在网页载入过程中用实时脚本创建网页内容以及用延时脚本创建本窗口或新窗口的内容.该方法需要一个字符串参数,它是写到窗口或框架中的HTML内容.该字符串参数可以是变量或值为字符串的表达式,写入内容常常包含HTML标记.记住,载入网页后,浏览器输出流将自动关闭.在些之后任何一个对当前网页的document.write()方法都将打开一个新的输出流,它将清除当前网页输出内容(包括源文档中的任何变是和值).因此,如果希望用脚本生成的HTML内容替换当前网

2011/11/9 Comments:
如何调用谷歌Jquery

为了避免每次为了一个jquery效果都要放进去一个jquery.min.js或是jquery.js.从google直接加载(调用)是一个很方便的办法,而且据传有缩短延迟,提高并行加载速度等好处. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-

2011/11/4 Comments:
最新JS事件锦集

JS一般事件事件 浏览器支持 描述onClick HTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2 | O3 鼠标点击事件,多用在某个对象控制的范围内的鼠标点击onDblClick HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O 鼠标双击事件onMouseDown HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O 鼠标上的按钮被按下了onMouseUp HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O 鼠标按下后,松开时激发的事件onMouseOver HTML: 2 | 3 | 3.2 | 4 Browser: IE3 | N2

2011/10/24 Comments: