图片(旋转/缩放/翻转)变换效果(ccs3/滤镜/canvas)

nick | html, html5, js | 2010-10-16
以前要实现图片的旋转或翻转,只能用ie的滤镜来实现,虽然canvas也实现,但ie不支持而且不是html标准。 css3出来后,终于可以用标准的transform来实现变换,而canvas也已成为html5标准的一部分。 css3和html5使web变得越来越强大,各种新奇的技术正等待我们发掘。 本程序分别通过滤镜(ie)、ccs3和canvas来实现图片的旋转、缩放和翻转变换效果,可以用作... [阅读全文]

a.x = a = { }, 深入理解赋值表达式

nick | js | 2010-10-16
直奔代码: var a = {x: 1}; a.x = a = { }; alert(a.x); // --> undefined 来自 JE: 写了 10 年 JavaScript 未必全了解的连续赋值运算. clue 的评论已经从 ECMA 规范分析了具体原因,下面尝试更直观的说明此问题。 对于连续赋值语句,我们经常会这样理解: var a = b = 1; // 等价: var a; a = b = 1; 上面的理解很容易看出 var a = ... [阅读全文]

AJAXRPC让javascript直接调用服务端方法

nick | ajax, html, java, js, php | 2010-10-11
AJAXPRC是快速、简单的Javascript远程方法调用。它允许你使用Javascript调用服务端方法,基于JSON数据协议,开源授权(LGPL),可同步和异步调用。 使用AJAXRPC,您可以像开发传统的C/S程序一样,来开发WEB程序,让WEB开发更简单和高效。 支持服务端语言:Java、.Net、PHP。 支持浏览器:IE、FireFox、Opera、Safari、Chrome。 下载: Java .Net PHP 博... [阅读全文]

开源的PHP,AJAX相册管理

nick | js, php | 2010-10-10
用过了,比较简单,不支持图片的拖曳,鼠标滚轮放大等等高级功能 但是对于简单的图片相册组织来说 是非常不错的 而且没有用到任何数据库.(使用的是文本数据库) http://minishowcase.frwrd.net/?download 图片的AJAX控件Lightbox http://www.huddletogether.com/projects/lightbox2 [阅读全文]

【jquery插件】搜索文本高亮

nick | jquery, js | 2010-09-27
在页面上搜索某个关键字,使关键词高亮; 高亮样式自己可以重新定义: 例如:span.highlight { color:#F00; font-weight:700} 使用高亮: $(‘#fancy-text’).highLight();//清除高亮 $(‘#fancy-text’).highLight(“mode”);//显示高亮 查看demo:http://www.css88.com/demo/highlight/ $(‘#fancy-text’).highLight();//清除高亮$(‘#fancy-text’).highLight... [阅读全文]

Concat string using join without push

nick | js | 2010-09-27
Concat string using join without push
Test page: http://jsperf.com/join-concat/2 Summary: 随着 IE 7- 的份额下降,join 法将逐步退出舞台。 Chrome 的 push 明显优化过。 join-without-push 方法,除了在 Chrome 下无优势,在其他浏览器下都挺不错,推荐。 [阅读全文]

jsoup 1.3.3 发布,HTML解析器

nick | html, java, js | 2010-09-22
jsoup 是一款 Java 的HTML 解析器,可直接解析某个URL地址、HTML文本内容。它提供了一套非常省力的API,可通过DOM,CSS以及类似于JQuery的操作方法来取出和操作数据。 jsoup的主要功能如下: 从一个URL,文件或字符串中解析HTML; 使用DOM或CSS选择器来查找、取出数据; 可操作HTML元素、属性、文本; jsoup是基于MIT协议发布的,可放心使用于商... [阅读全文]

JavaScript 图片3D展示空间(3DRoom)

nick | html, html5, js | 2010-09-22
JavaScript 图片3D展示空间(3DRoom)
一般的平面效果,通过改变水平和垂直坐标就能实现,再加上深度,就能在视觉上的产生3D(三维)的效果。 程序就是模拟这样一个三维空间,里面的图片会根据三维坐标显示在这个空间。 很久以前就看过一个3DRoom效果,是用复杂的计算实现的。 在上一篇图片变换研究过css3的transform之后,就想到一个更简单的方法来实现。 兼容:ie6/7/8, firefox 3.6.8, op... [阅读全文]

JQuery Tree 插件(树) zTree(树)

nick | jquery, js | 2010-09-12
zTree 是利用 JQuery 的核心代码,实现一套能完成大部分常用功能的 Tree 插件 兼容 IE、FireFox、Chrome 等浏览器(对于IE 6的兼容问题将不做特殊维护) 在一个页面内可同时生成多个 Tree 实例 支持 JSON 数据 支持一次性静态生成 和 Ajax 异步加载 两种方式 支持多种事件响应及反馈 支持 Tree 的节点移动、编辑、删除 支持任意更换皮肤 / ... [阅读全文]

CSS3中动画效果的应用

nick | css3, html5, jquery, js | 2010-09-04
不少人都已经在用CSS3中的动画了,但很多仅仅用在 某个元素的 hover上 其实,配合脚本的话,可以做到更多的动画效果,并且可以在很大程度上抛弃各种动画库。 先前一博客《用HTML5代替PPT》中, 我的各种动画效果就完全使用了CSS3的动画效果而不再使用jQuery的动画了。 点击查看展示 设置CSS *{ -webkit-transition-duration:.15s; -moz-transition... [阅读全文]
Ɣ回顶部