打印

图片 放大 特效

说实话,这个特效,我不知道该怎么给它命名...也不知道它叫啥名,所以就起了  图片 放大 特效

这个效果,我前几天在BI上见到有人讨论过,当时没收藏那个帖子...

 这几天苦苦查找,没找到..

这个效果 的原特效是在这  
http://www.ppg.cn/YesPPG_CN/Prod ... oductCode=031390104
下面的代码,是我按着这个效果写的...

代码跟他的不一样..

 目前这个代码存在一个问题,就是在 如果有滚动条,也就是说,这个图片的位置,不是在第一屏就可以看到的.也就是说,如果滚动条有向下滚动,那么,放在图片上面的效果,就不正确了.. 

 测试浏览器.
 Firefox 2.0.0.14  完全正确.不存在上面说的问题

 IE 6  存在上面说的问题.

 IE7,IE8,还有其他浏览器,因为电脑上没装,没测试...

希望有条件的,测试以后给发个结果..

有心人,可以继续完善一下..

如果下面的代码不能查看可以在这里看到

http://xqin.cn/temp/effect/1/7.html

还有以下的这些,是在写代码的过程中写的半成品..  [不完整,而且还有问题.]
http://xqin.cn/temp/effect/1/6.html
http://xqin.cn/temp/effect/1/5.html
http://xqin.cn/temp/effect/1/2.html
http://xqin.cn/temp/effect/1/1.html

 提示:您可以先修改部分代码再运行
下面的代码是,出现我所描述的问题的情况:

 提示:您可以先修改部分代码再运行
[ 本帖最后由 faeng220 于 2008-5-22 19:39 编辑 ]
厉害,学习!
QQ:2264911
收藏了。谢谢。
貌似在IE7就罢工了.

除了第一张图鼠标移动遮罩框会跟着动.
其他的都只有X轴动.Y轴...罢工.

[ 本帖最后由 mudoo 于 2008-6-15 13:25 编辑 ]

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!
做个记号,先收之。

多谢楼主。

TOP

怎么到处都是这件衣服?都看到好几次了

TOP

OK问题解决..
原来的是document.body.scrollTop 改为 document.documentElement.scrollTop 就可以取到值了..
原来的document.body.XXX取不到值..改灰 document.documentElement.XXX就可以取到了..

 提示:您可以先修改部分代码再运行

TOP

不错..
堅強,勇敢,偽裝,向上是因為保護受傷的心

TOP

非常好!

TOP

太强大了,I lake

TOP

IE7 还是有偏差!

TOP

很不错!

TOP

!good
www.aitom.net.cn

TOP

谢谢··收藏了!!!!

TOP