json与jsonp区别浅析
誰為紅顏醉っ 2016年03月24日 09:07 1787
一言以蔽之,json返回的是一串数据;而jsonp返回的是脚本代码(包含一个函数调用);
css input[type=file] 样式美化,input上传按钮美化
誰為紅顏醉っ 2015年04月07日 17:23 2697
我们在做input文本上传的时候,html自带的上传按钮比较丑,如何对其进行美化呢?同理:input checkbox美化,input radio美化是一个道理的,后面文章会总结。思路:input file上传按钮的美化思路是,先把之前的按钮透明度opacity设置为0,然后,外层用...
JS 如何清空file input框
誰為紅顏醉っ 2015年04月07日 16:54 1863
xhtml:<input type="file" value="选择文件" id="fileInput" /><button type="button" id="btnClear&qu...
js图片上传预览功能兼容实现
誰為紅顏醉っ 2015年04月07日 16:47 1655
<html><head><title>js图片上传预览</title></head><body><input type="file" onchange='PreviewImage(t...
CSS超出部分显示省略号…代码
靈魂深處有你 2014年10月15日 22:43 2596
让DIV,LI等元素超出部分文字用省略号…显示。示例:
html5实现刮刮卡效果
靈魂深處有你 2014年03月25日 14:00 12753
通过Canvas实现的可刮涂层效果.
webkit移动开发 如何去除android上a标签产生的边框
靈魂深處有你 2014年03月25日 13:08 7563
做了个手机网站,在不同的浏览器触摸屏幕a标签链接或按钮时,会产生不同的效果,对于ios点击元素的时候,就会出现一个半透明的灰色背景;对于android则出现红色的边框。对这2个系统自带的效果,这种体验的意义无非为了告知用户按钮已经点击到,带来的价值是好的。可惜带来了体验的同时,也带来了bug。 ...
兼容所有浏览器复制功能-ZeroClipboard
靈魂深處有你 2013年12月30日 15:39 6808
问题 除了IE之外的浏览器不支持js复制功能。 原因 上古时期流传下来的鼠标点击就能复制某段内容的代码是window.clipboardData.setData("Text",'复制我呀复制我');,而且历代先辈屡试不爽。但随着时代的推移我们渐渐发现,这...
禁止input文本框输入实现属性
Bob 2013年12月27日 11:50 6255
本帖最后由 Bob2199 于 2013-12-27 11:51 编辑 今天想总结几个很有用的html标签,开发中经常用到,不熟悉的人可能还真不太清楚,分别是:readonly、disabled、autocomplete readonly表示此域的值不可修改,仅可与 type="tex...
刮奖效果的简单实现
靈魂深處有你 2013年12月06日 11:11 4461
无意中看到个刮刮奖的效果,觉得很有意思,就想自己也做一个,怎样用html5及javascript实现呢,惯例先用关键字在网上搜索了下,发现一些例子,已经做得很不错了,完全可以拿来主义.嘿…源码如下:HTML :<!DOCTYPE html><html l...
为现代浏览器和移动端打造的轻量级 JS 库 Zepto,语法借鉴 jQuery,不兼容 IE
靈魂深處有你 2013年12月05日 16:33 3457
Zepto 是一个轻量级的 JS 库,从当初 2~5k 大小到正式发布,仍保持不到 10k 的体积,能减少下载和与运行时间;兼容大多数移动浏览器和主流桌面现代浏览器,支持 Detect 和 Touch 模块实现浏览器检测和触屏事件,对 PhoneGap、Firefox OS 等浏览器环境的 We...
jquery 版二维码生成工具 qrcode
靈魂深處有你 2013年07月15日 15:04 7743
发布一个 Jquery 版的二维码生成工具 — jquery-qrcode-master,js是前端脚本,用JQ生成二维码的好处是不占用服务器资源,而且打开网页速度也比在服务器端生成二维码快。有很多人喜欢调用谷歌的二维码生成接口还生成二维码,这样的话生成速度不但要看你的服务器速度还要看谷歌的服务...
调用google cdn的jquery.js 加快网站访问速度
Bob 2013年05月29日 11:22 4967
jquery现在是越来越大,网络加载速度上我们应该做到能省就省,毫无疑问google的服务器和cdn以及访问速度是非常快的,而且google敞开怀抱,提供各种代码库给我们下载调用。jquery就是其中一个。 在jquery官网有从google 微软microsoft&nbs...
JQ获取name相同的radio被选中的值
Bob 2013年01月18日 16:38 4868
JQ获取name相同的radio被选中的值$(':radio[name="choose_type"]:checked').val();
瀑布流布局插件jquery插件masonry使用说明
Bob 2012年11月07日 10:15 6382
Masonry是一 个用来布局的jQuery插件,可是实现目前最流行的瀑布流布局。 官方地址:http://masonry.desandro.com/ 【演示地址】 http://www.0773linji.com/jquery_plugs/jq_Masonry/index...
js window.opener 的用法 及open 参数
靈魂深處有你 2012年11月06日 18:10 5065
window.open()支持环境: JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+基本语法:window.open(pageURL,name,parameters)其中:pageURL 为子窗口路径name 为子窗口句柄p...
JQuery 获得绝对,相对位置的坐标方法
靈魂深處有你 2012年11月06日 17:19 4851
获取页面某一元素的绝对X,Y坐标,可以用offset()方法:(body属性设置margin :0;padding:0;)var X = $('#DivID').offset().top;var Y = $('#DivID').offset().left;获取相对(父元素)位置:va...
JS获取鼠标坐标代码
靈魂深處有你 2012年11月06日 16:48 4582
JS获取鼠标坐标,获取鼠标像素点的典型实例,运行本页面后,随意移动鼠标的位置,可适时显现鼠标的坐标点,不占用系统资源 。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:/...
xmlhttp的responseXML读xml文件为空的解决方法
誰為紅顏醉っ 2012年10月19日 17:50 5167
今天遇到一个问题挺郁闷的,搞了半天都不解决不了。就是用AJAX动态获取城市的信息,网站原来是好的,不知道我改那里,就是不行了。我的XML内容是后台PHP自动生成的。如果后台生成时没有指定头部信息, 浏览器会把它当html来看, 会出错。一般后台必须指定头部信息(PHP语法):<?php...
Flv网页播放器 Vcastr.swf 参数详解
靈魂深處有你 2012年08月27日 17:05 10668
配置信息:参数名称参数说明默认值vcastr_file方法2传递影片flv文件地址参数,多个使用|分开空vcastr_title影片标题参数,多个使用|分开,与方法2配合使用空vcastr_xml方法3 传递影片fl...
向非程序员解释 JavaScript
Bob 2012年08月02日 16:49 8293
当我告诉非程序员我的专业工作是 JavaScript 的时候,我往往得到的回答是“是不是那个安装以后让浏览器变的缓慢的东西?”,我很惊讶: 1. 知道 Java 的人比知道 JavaScript 的人要多很多,也许是很多人都曾经被问过是否需要安装 Java。 2. 这对 Ja...
Div+CSS的一些使用技巧
誰為紅顏醉っ 2012年08月02日 09:22 8196
现在越来越多的人使用Div+Css来布局自己的网页了,兼容性,还有性能方面都会遇到一些问题,我们来看一下,我们在工作中总结的一些技巧: 1,默认值方面:很多时候我们的一些标签都会有一些默认的值,比如说UL 的margin和padding的默认值就不是0,如果在导航中用到了左浮动的li,...
HTML 5与HTML 4在搜索引擎优化的对比
靈魂深處有你 2012年07月05日 16:28 5009
我觉得HTML 5的兴起完全是因为iPhone和iPad,自从Adobe停止开发flash、Android4.0不支持flash后,我觉得在不久的将来HTML5会广泛应用,而且HTML4已经10年没更新了。
一句代码实现 HTML5 语音搜索
靈魂深處有你 2012年07月05日 15:38 4910
今天看到一编帖子,说淘宝网的语音搜索也有了一阵子了,但是我这几天也有上淘宝,也用过搜索功能,就是没看到有什么语音搜索这个玩儿。看完这个编文章才知道,原来我一直用的是IE浏览器,IE不支持所以看不到。用谷歌浏览器一看还真的是用语音搜索的功能。其实这个功能实现方法也很简单,主要是HTML5的强大,其...
HTML5促使本地应用向Web迁移
誰為紅顏醉っ 2012年06月27日 11:42 3904
HTML作为一种标准,由来已久,在PC时代的发展不温不火,是2010年乔布斯的一封告Adobe邮件,将它推向了技术热点的前沿,也预示着移动互联网时代新标准取代旧PC时代应用的开端。 随着移动互联网的快速发展和HTML5技术的逐渐成熟,众多厂商开始在移动终端操作系统、浏览器、软件应用上支...
HTML5游戏开发 之 循环的控制(3)
靈魂深處有你 2012年06月25日 14:07 3888
7) 改进性能 RequestAnimationFrame确实是实现动画不可或缺的利器,但是不可以过度的使用。尤其是和一些渐变性的事件相关联的动画,比如,Chrome Web Store首页利用垂直滚轴不断显示页面内容。下面给出一个不太好的例子:function onScroll() ...
HTML5游戏开发 之 循环的控制(2)
靈魂深處有你 2012年06月25日 14:03 3873
3) 如何调试帧率 理想的状态是,将游戏控制在60帧,这样充分利用显示器的能力,为用户提供流畅的画面。但是,通常情况下还是比较困难的,随着游戏逻辑的复杂性,帧率一般情况下都会下降。如果可以有一种可视化的方法,帮助开发者去观察每次RequestAnimationFrame的执行时间,可以...
HTML5游戏开发 之 循环的控制(1)
靈魂深處有你 2012年06月25日 14:01 3732
1) 动画绘制的利器:RequestAnimationFrame RequestAnimationFrame,绝对的大名鼎鼎。相信做HTML5的同学们,都听到过这个函数。再重复一下它的好处: 游戏页面在不被显示的时候,RequestAnimationFrame暂停执行,不会占...
Wooga试验失败停止开发HTML5游戏
Bob 2012年06月25日 13:57 3450
北京时间6月22日消息,据国外媒体报道,德国社交游戏开发商Wooga表示,在进行了半年的试验,包括在Facebook上发布一款游戏后,它决定不再开发HTML5游戏。 这个决定对于Facebook来说是一次打击。由于越来越多的人通过手机访问网站,Facebook一直在找寻方法通过移动应用...
window.onscroll和document.body.onscroll的区别
Bob 2012年06月25日 13:35 3264
在使用页面滚动元素的时候,总会遇到几个dhtml属性存在兼容问题,这里介绍一个常用的window.onscroll和document.body.onscroll,它们的含义一样,但是在不同浏览器的表现不一样。 当页面滚动的时候:window.onscroll和document.body...