AlertBox 弹出层(信息提示框)效果 - cloudgamer

弹出层就是相对文档或窗口定位的一个层,一般用来显示提示信息、广告等内容,还可以配合覆盖层来锁定页面。在仿Lightbox效果中,已经基本实现了这个效果,这次主要改进了ie6在fixed时的抖动问题。此外,还增加了一个用来兼容ie6的fixed的方法,覆盖层也重新“包装”,程序也改成组件的结构。兼容:ie6/7/8, firefox 3.6.8, opera 10.6, safari 5.0.1, chrome 5.0本文链接:AlertBox 弹出层(信息提示框)效果,转载请

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

一般的平面效果,通过改变水平和垂直坐标就能实现,再加上深度,就能在视觉上的产生3D(三维)的效果。程序就是模拟这样一个三维空间,里面的图片会根据三维坐标显示在这个空间。很久以前就看过一个3DRoom效果,是用复杂的计算实现的。在上一篇研究过css3的transform之后,就想到一个更简单的方法来实现。本文链接:JavaScript 图片3D展示空间(3DRoom),转载请注明。

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

以前要实现图片的旋转或翻转,只能用ie的滤镜来实现,虽然canvas也实现,但ie不支持而且不是html标准。css3出来后,终于可以用标准的transform来实现变换,而canvas也已成为html5标准的一部分。css3和html5使web变得越来越强大,各种新奇的技术正等待我们发掘。本程序分别通过滤镜(ie)、ccs3和canvas来实现图片的旋转、缩放和翻转变换效果,可以用作图片查看器。有如下特色:1,用滤镜、ccs3和canvas实现相同的变换效果;2,可任意角度

SlideView 图片滑动(扩展/收缩)展示效果 - cloudgamer

滑动展示效果主要用在图片或信息的滑动展示,也可以设置一下做成简单的口风琴(Accordion)效果。这个其实就是以前写的图片滑动展示效果的改进版,那是我第一篇比较受关注的文章,是时候整理一下了。有如下特色:1,有四种方向模式选择;2,结合tween算法实现多种滑动效果;3,能自动根据滑动元素计算展示尺寸;4,也可自定义展示或收缩尺寸;5,可扩展自动切换功能;6,可扩展滑动提示功能。兼容:ie6/7/8, firefox 3.6.8, opera 10.51, safari 4

ImageZoom 图片放大效果(扩展篇) - cloudgamer

上一篇ImageZoom已经对图片放大效果做了详细的分析,这次在ImageZoom的基础上进行扩展,实现更多的效果。主要扩展了原图和显示框的展示模式,有以下几种模式:follow 跟随模式:显示框能跟随鼠标移动的效果;handle 拖柄模式:原图上有一个拖柄来标记显示范围;cropper 切割模式:原图用不透明的来标记显示范围,其他部分用半透明显示;handle-cropper 拖...本文链接:ImageZoom 图片放大效果(扩展篇),转载请注明。

ImageZoom 图片放大效果 - cloudgamer

这个效果也叫放大镜效果,最早好像在ppg出现的,之后就有了很多仿制品出来了。一般用于放大查看商品图片,在凡客,京东商城,阿里巴巴等都有类似的效果。好处是能在原图附近对图片进行局部放大查看,而且可以通过鼠标控制查看的部位。前一阵子看到sohighthesky的图片放大效果,心血来潮自己也写一个看看。这个程序有以下特点:1,支持使用原图放大或新图片设置大图;2,大图完成载入前使用原图放大代替,减少操作...本文链接:ImageZoom 图片放大效果,转载请注明。

ImagesLazyLoad 图片延迟加载效果 - cloudgamer

之前在做一个图片浏览效果时,要看后面的小图必须等到前面的加载完,而且大图的位置是在大量的小图后面,导致大图要等到小图都加载完才能显示,为了解决这个问题,就想到了Lazyload效果。现在很多网站都用了类似的效果,如淘宝、Bing等。这个图片延迟加载效果是在Lazyload的基础上扩展的,主要扩展了获取img元素,获取src和图片加载的部分。兼容:ie6/7/8, firefox 3.5.5, opera 10.10, safari 4.0.4, chrome 3.0其中saf

Lazyload 延迟加载效果 - cloudgamer

Lazyload是通过延迟加载来实现按需加载,达到节省资源,加快浏览速度的目的。网上也有不少类似的效果,这个Lazyload主要特点是:支持使用window(窗口)或元素作为容器对象;对静态(位置大小不变)元素做了大量的优化;支持垂直、水平或同时两个方向的延迟。 由于内容比较多,下一篇再介绍图片延迟加载效果。 兼容:ie6/7/8, firefox 3.5.5, opera 10.10, safa...本文链接:Lazyload 延迟加载效果,转载请注明。

JavaScript 图片上传预览效果 - cloudgamer

图片上传预览是一种在图片上传之前对图片进行本地预览的技术。使用户选择图片后能立即查看图片,而不需上传服务器,提高用户体验。但随着浏览器安全性的提高,要实现图片上传预览也越来越困难。不过群众的智慧是无限的,网上已经有很多变通或先进的方法来实现。例如ie7/ie8的滤镜预览法,firefox 3的getAsDataURL方法。但在opera、safari和chrome还是没有办法实现本地预览,只能通过...本文链接:JavaScript 图片上传预览效果,转载请注明。

简便无刷新文件上传系统 - cloudgamer

之前写过一个仿163网盘无刷新多文件上传系统,已经对无刷新上传文件的原理做了详细的分析。而这次的系统主要是针对单个file控件的,便携版,使用更简单,还有更深入的分析。ps:flash实现的效果是好得多,但这不是我研究的范围,也没什么可比性。兼容:ie6/7/8, firefox 3.5.5, opera 10.01, safari 4.0.3, chrome 3.012月2号是我女朋友的生日,祝...本文链接:简便无刷新文件上传系统,转载请注明。