图片(旋转/缩放/翻转)变换效果(ccs3/滤镜/canvas)
以前要实现图片的旋转或翻转,只能用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直接调用服务端方法
AJAXPRC是快速、简单的Javascript远程方法调用。它允许你使用Javascript调用服务端方法,基于JSON数据协议,开源授权(LGPL),可同步和异步调用。
使用AJAXRPC,您可以像开发传统的C/S程序一样,来开发WEB程序,让WEB开发更简单和高效。
支持服务端语言:Java、.Net、PHP。
支持浏览器:IE、FireFox、Opera、Safari、Chrome。
下载: Java .Net PHP
博... [阅读全文]
开源的PHP,AJAX相册管理
用过了,比较简单,不支持图片的拖曳,鼠标滚轮放大等等高级功能
但是对于简单的图片相册组织来说
是非常不错的
而且没有用到任何数据库.(使用的是文本数据库)
http://minishowcase.frwrd.net/?download
图片的AJAX控件Lightbox
http://www.huddletogether.com/projects/lightbox2
[阅读全文]
【jquery插件】搜索文本高亮
在页面上搜索某个关键字,使关键词高亮;
高亮样式自己可以重新定义:
例如: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
Test page: http://jsperf.com/join-concat/2
Summary:
随着 IE 7- 的份额下降,join 法将逐步退出舞台。
Chrome 的 push 明显优化过。
join-without-push 方法,除了在 Chrome 下无优势,在其他浏览器下都挺不错,推荐。
[阅读全文]
jsoup 1.3.3 发布,HTML解析器
jsoup 是一款 Java 的HTML 解析器,可直接解析某个URL地址、HTML文本内容。它提供了一套非常省力的API,可通过DOM,CSS以及类似于JQuery的操作方法来取出和操作数据。
jsoup的主要功能如下:
从一个URL,文件或字符串中解析HTML;
使用DOM或CSS选择器来查找、取出数据;
可操作HTML元素、属性、文本;
jsoup是基于MIT协议发布的,可放心使用于商... [阅读全文]
JavaScript 图片3D展示空间(3DRoom)
一般的平面效果,通过改变水平和垂直坐标就能实现,再加上深度,就能在视觉上的产生3D(三维)的效果。
程序就是模拟这样一个三维空间,里面的图片会根据三维坐标显示在这个空间。
很久以前就看过一个3DRoom效果,是用复杂的计算实现的。
在上一篇图片变换研究过css3的transform之后,就想到一个更简单的方法来实现。
兼容:ie6/7/8, firefox 3.6.8, op... [阅读全文]
JQuery Tree 插件(树) zTree(树)
zTree 是利用 JQuery 的核心代码,实现一套能完成大部分常用功能的 Tree 插件
兼容 IE、FireFox、Chrome 等浏览器(对于IE 6的兼容问题将不做特殊维护)
在一个页面内可同时生成多个 Tree 实例
支持 JSON 数据
支持一次性静态生成 和 Ajax 异步加载 两种方式
支持多种事件响应及反馈
支持 Tree 的节点移动、编辑、删除
支持任意更换皮肤 / ... [阅读全文]