淘宝ued团队博客中的放大镜效果

时间: 2010-07-25 / 分类: 网络产品 / 浏览次数: 211 Views / 1个评论 发表评论

前几天,一同事发现淘宝ued博客中,关于我们这个页面中图片显示的方式很好,像放大镜一样,也想用到我们十周年庆专题中。于是,扒皮!

效果是通过JavaScript+css实现的,基本原理是是通过加载两张图片,隐藏其中的大图,当鼠标移到小图上的时候,打开一个小窗口,显示大图的内容。看上去很酷,可以欣赏一下。有兴趣的同学可以去看看源码.

以下是效果,加载速度有点慢,因为要加载两张图

small_rushmore
big_rushmore

1个评论

  1. 升降机
    2010/08/02 于 15:58:35

    博客弄的不错啊 背景很漂亮啊,比上次来看到的漂亮多了啊 加油啊 回踩济南网站制作(www.jnliyuan.cn)

    回复

发表评论

您的昵称 *

您的邮箱 *

您的网站