首页 > 教程 > 关键词  > Javascript最新资讯  > 正文

JavaScript图片放大效果详解

2009-10-23 09:51 · 稿源:蓝色理想

《JavaScript图片放大效果详解》文章已经归档,站长之家不再展示相关内容,下文是站长之家的自动化写作机器人,通过算法提取的文章重点内容。这只AI还很年轻,欢迎联系我们帮它成长:

以前写过一个jQuery的图片放大效果,但是存在着一些小问题,然后最近有时间重写了一遍,做了很详尽的改进.改进了大部分bug,而且不采用jQuery...

主要思维:当鼠标移入图片的时候,放大层的DIV出现,然后根据鼠标移动状况,改变放大层内图像的top值和left值,使得2个地方保持一致的现实...

放大框的大小则设置为于原始图像相同大小,代码如下:...

放大的图像大小为,原始图像大小*比例值,代码如下:...

先说说浏览框跟随鼠标移动,主要代码如下:...

接下来就是在鼠标运动的放大图像也要跟着改变top和left值,代码如下:...

如果把display=''放在设置top与left之后,会出现一个奇怪的现象,大家可以试下,该问题一直困扰了我很久,在多次尝试中才发现问题再这上面...

......

本文由站长之家用户“蓝色理想”投稿,本平台仅提供信息索引服务。由于内容发布时间超过平台更新维护时间,为了保证文章信息的及时性,内容观点的准确性,平台将不提供完整的内容展现,本页面内容仅为平台搜索索引使用。需阅读完整内容的用户,请联系作者获取原文。

举报

  • 相关推荐
  • 大家在看

今日大家都在搜的词: