JavaScript图片放大镜效果

作者:campaign 来源:51js 时间:2009-10-19 22:15:00 

手痒痒系列之简单的放大镜

写了个放大镜功能,可以设置显示的宽高width,height

显示的位置,float ‘left’ 'right'

距离原图的偏移量


修正了在ff/chrome下第一次触发时,没效果,要再次触发的问题。

添加了根据页面的宽度自动调整显示的宽度,如果算出的最大可显示的宽度小于minWidth(默认是100)自动在左边显示。

测试可调整页面右边的边变大变小页面,在显示时效果不同。

支持
ie 6-8
ff3.5 -3.6
chrome

修正图片加载慢时的问题,支持多个图放大


 

标签:图片,放大镜,JavaScript,特效
0
投稿

猜你喜欢

  • 支持汉转拼和拼音分词的PHP中文工具类ChineseUtil

    2023-11-08 10:48:13
  • django框架F&Q 聚合与分组操作示例

    2021-05-21 02:13:56
  • SQL Server中查看对象定义的SQL语句

    2024-01-18 05:52:43
  • Python函数学习笔记

    2022-10-29 03:51:07
  • 教程:纯CSS作的小灯笼效果

    2008-08-26 17:22:00
  • Python实现随机取一个矩阵数组的某几行

    2021-10-04 16:45:52
  • 详解git合并冲突解决方法

    2023-05-11 05:18:34
  • 登陆成功后自动计算秒数执行跳转

    2023-10-10 19:47:59
  • Python input输入超时选择默认值自动跳过问题

    2023-02-22 07:22:40
  • Mysql导入导出工具Mysqldump和Source命令用法详解

    2024-01-23 19:46:52
  • 浅谈ADO.NET数据库脚本

    2024-01-22 16:51:23
  • 关于php unset对json_encode的影响详解

    2023-07-06 08:33:52
  • 详解Python 协程的详细用法使用和例子

    2022-12-09 09:51:19
  • mysql日志系统的简单使用教程

    2024-01-15 21:09:05
  • Python的Bottle框架中获取制定cookie的教程

    2021-06-28 02:34:20
  • jetbrains mono字体安装方法(推荐)

    2023-08-28 23:11:38
  • 简单介绍Python中的floor()方法

    2023-06-08 03:36:21
  • 基于layer.js实现收货地址弹框选择然后返回相应的地址信息

    2024-05-08 09:32:22
  • 在select语句中使用top的一些小技巧

    2009-03-12 12:21:00
  • Python Numpy学习之索引及切片的使用方法

    2021-09-04 02:59:01
  • asp之家 网络编程 m.aspxhome.com