json与jsonp区别浅析

一言以蔽之,json返回的是一串数据;而jsonp返回的是脚本代码(包含一个函数调用);

css input[type=file] 样式美化,input上传按钮美化

我们在做input文本上传的时候,html自带的上传按钮比较丑,如何对其进行美化呢?同理:input checkbox美化,input radio美化是一个道理的,后面文章会总结。思路:input file上传按钮的美化思路是,先把之前的按钮透明度opacity设置为0,然后,外层用...

JS 如何清空file input框

xhtml:<input type="file" value="选择文件" id="fileInput" /><button type="button" id="btnClear&qu...

js图片上传预览功能兼容实现

<html><head><title>js图片上传预览</title></head><body><input type="file" onchange='PreviewImage(t...

CSS超出部分显示省略号…代码

让DIV,LI等元素超出部分文字用省略号…显示。示例:

html5实现刮刮卡效果

通过Canvas实现的可刮涂层效果.

webkit移动开发 如何去除android上a标签产生的边框

做了个手机网站,在不同的浏览器触摸屏幕a标签链接或按钮时,会产生不同的效果,对于ios点击元素的时候,就会出现一个半透明的灰色背景;对于android则出现红色的边框。对这2个系统自带的效果,这种体验的意义无非为了告知用户按钮已经点击到,带来的价值是好的。可惜带来了体验的同时,也带来了bug。 ...

兼容所有浏览器复制功能-ZeroClipboard

  问题  除了IE之外的浏览器不支持js复制功能。  原因  上古时期流传下来的鼠标点击就能复制某段内容的代码是window.clipboardData.setData("Text",'复制我呀复制我');,而且历代先辈屡试不爽。但随着时代的推移我们渐渐发现,这...

禁止input文本框输入实现属性

本帖最后由 Bob2199 于 2013-12-27 11:51 编辑 今天想总结几个很有用的html标签,开发中经常用到,不熟悉的人可能还真不太清楚,分别是:readonly、disabled、autocomplete readonly表示此域的值不可修改,仅可与 type="tex...

刮奖效果的简单实现

  无意中看到个刮刮奖的效果,觉得很有意思,就想自己也做一个,怎样用html5及javascript实现呢,惯例先用关键字在网上搜索了下,发现一些例子,已经做得很不错了,完全可以拿来主义.嘿…源码如下:HTML :<!DOCTYPE html><html l...

为现代浏览器和移动端打造的轻量级 JS 库 Zepto,语法借鉴 jQuery,不兼容 IE

  Zepto 是一个轻量级的 JS 库,从当初 2~5k 大小到正式发布,仍保持不到 10k 的体积,能减少下载和与运行时间;兼容大多数移动浏览器和主流桌面现代浏览器,支持 Detect 和 Touch 模块实现浏览器检测和触屏事件,对 PhoneGap、Firefox OS 等浏览器环境的 We...

jquery 版二维码生成工具 qrcode

  发布一个 Jquery 版的二维码生成工具 — jquery-qrcode-master,js是前端脚本,用JQ生成二维码的好处是不占用服务器资源,而且打开网页速度也比在服务器端生成二维码快。有很多人喜欢调用谷歌的二维码生成接口还生成二维码,这样的话生成速度不但要看你的服务器速度还要看谷歌的服务...

调用google cdn的jquery.js 加快网站访问速度

  jquery现在是越来越大,网络加载速度上我们应该做到能省就省,毫无疑问google的服务器和cdn以及访问速度是非常快的,而且google敞开怀抱,提供各种代码库给我们下载调用。jquery就是其中一个。  在jquery官网有从google 微软microsoft&nbs...

JQ获取name相同的radio被选中的值

JQ获取name相同的radio被选中的值$(':radio[name="choose_type"]:checked').val();

瀑布流布局插件jquery插件masonry使用说明

  Masonry是一 个用来布局的jQuery插件,可是实现目前最流行的瀑布流布局。  官方地址:http://masonry.desandro.com/  【演示地址】  http://www.0773linji.com/jquery_plugs/jq_Masonry/index...

js window.opener 的用法 及open 参数

window.open()支持环境: JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+基本语法:window.open(pageURL,name,parameters)其中:pageURL 为子窗口路径name 为子窗口句柄p...

JQuery 获得绝对,相对位置的坐标方法

获取页面某一元素的绝对X,Y坐标,可以用offset()方法:(body属性设置margin :0;padding:0;)var X = $('#DivID').offset().top;var Y = $('#DivID').offset().left;获取相对(父元素)位置:va...

JS获取鼠标坐标代码

  JS获取鼠标坐标,获取鼠标像素点的典型实例,运行本页面后,随意移动鼠标的位置,可适时显现鼠标的坐标点,不占用系统资源 。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:/...

xmlhttp的responseXML读xml文件为空的解决方法

今天遇到一个问题挺郁闷的,搞了半天都不解决不了。就是用AJAX动态获取城市的信息,网站原来是好的,不知道我改那里,就是不行了。我的XML内容是后台PHP自动生成的。如果后台生成时没有指定头部信息, 浏览器会把它当html来看, 会出错。一般后台必须指定头部信息(PHP语法):<?php...

Flv网页播放器 Vcastr.swf 参数详解

配置信息:参数名称参数说明默认值vcastr_file方法2传递影片flv文件地址参数,多个使用|分开空vcastr_title影片标题参数,多个使用|分开,与方法2配合使用空vcastr_xml方法3 传递影片fl...

向非程序员解释 JavaScript

  当我告诉非程序员我的专业工作是 JavaScript 的时候,我往往得到的回答是“是不是那个安装以后让浏览器变的缓慢的东西?”,我很惊讶:  1. 知道 Java 的人比知道 JavaScript 的人要多很多,也许是很多人都曾经被问过是否需要安装 Java。  2. 这对 Ja...

Div+CSS的一些使用技巧

  现在越来越多的人使用Div+Css来布局自己的网页了,兼容性,还有性能方面都会遇到一些问题,我们来看一下,我们在工作中总结的一些技巧:  1,默认值方面:很多时候我们的一些标签都会有一些默认的值,比如说UL 的margin和padding的默认值就不是0,如果在导航中用到了左浮动的li,...

HTML 5与HTML 4在搜索引擎优化的对比

  我觉得HTML 5的兴起完全是因为iPhone和iPad,自从Adobe停止开发flash、Android4.0不支持flash后,我觉得在不久的将来HTML5会广泛应用,而且HTML4已经10年没更新了。

一句代码实现 HTML5 语音搜索

  今天看到一编帖子,说淘宝网的语音搜索也有了一阵子了,但是我这几天也有上淘宝,也用过搜索功能,就是没看到有什么语音搜索这个玩儿。看完这个编文章才知道,原来我一直用的是IE浏览器,IE不支持所以看不到。用谷歌浏览器一看还真的是用语音搜索的功能。其实这个功能实现方法也很简单,主要是HTML5的强大,其...

HTML5促使本地应用向Web迁移

  HTML作为一种标准,由来已久,在PC时代的发展不温不火,是2010年乔布斯的一封告Adobe邮件,将它推向了技术热点的前沿,也预示着移动互联网时代新标准取代旧PC时代应用的开端。  随着移动互联网的快速发展和HTML5技术的逐渐成熟,众多厂商开始在移动终端操作系统、浏览器、软件应用上支...

HTML5游戏开发 之 循环的控制(3)

  7) 改进性能  RequestAnimationFrame确实是实现动画不可或缺的利器,但是不可以过度的使用。尤其是和一些渐变性的事件相关联的动画,比如,Chrome Web Store首页利用垂直滚轴不断显示页面内容。下面给出一个不太好的例子:function onScroll() ...

HTML5游戏开发 之 循环的控制(2)

  3) 如何调试帧率  理想的状态是,将游戏控制在60帧,这样充分利用显示器的能力,为用户提供流畅的画面。但是,通常情况下还是比较困难的,随着游戏逻辑的复杂性,帧率一般情况下都会下降。如果可以有一种可视化的方法,帮助开发者去观察每次RequestAnimationFrame的执行时间,可以...

HTML5游戏开发 之 循环的控制(1)

  1) 动画绘制的利器:RequestAnimationFrame  RequestAnimationFrame,绝对的大名鼎鼎。相信做HTML5的同学们,都听到过这个函数。再重复一下它的好处:  游戏页面在不被显示的时候,RequestAnimationFrame暂停执行,不会占...

Wooga试验失败停止开发HTML5游戏

  北京时间6月22日消息,据国外媒体报道,德国社交游戏开发商Wooga表示,在进行了半年的试验,包括在Facebook上发布一款游戏后,它决定不再开发HTML5游戏。  这个决定对于Facebook来说是一次打击。由于越来越多的人通过手机访问网站,Facebook一直在找寻方法通过移动应用...

window.onscroll和document.body.onscroll的区别

  在使用页面滚动元素的时候,总会遇到几个dhtml属性存在兼容问题,这里介绍一个常用的window.onscroll和document.body.onscroll,它们的含义一样,但是在不同浏览器的表现不一样。  当页面滚动的时候:window.onscroll和document.body...