来看看另一个web“放大镜”。

前些天自己做了个放大镜,很不要脸的出了带有很多Bug的beta4版本(本博客里的是beta2),无意间发现了很不错并且比较低调的“放大镜”作品,遵循w3c标准,ie&firefox都兼容,并且易于使用,而我的版本是基于Jquery框架开发的,而且还没有解决w3c标准和浏览器兼容问题。 厄... 有时间还得继续优化一下。似乎我欠自己的东西比较多,承诺挺多内容都没都还没有做到的,那也阻止不了我继续承诺!

那么现在让我们来看看这位大师的作品吧。 He said, "If you're using my script, post a message with your site to my blog! Thanks :).", so I do it.

调用起来非常简单,like this。

 

<!-- 首先你当然得引用其JS文件。 -->
<script type="text/javascript" src="http://valid.tjp.hu/tjpzoom/tjpzoom.js"></script>

<!-- 像下面这样就可以使用了,方法一 -->
<img style="width: 300px; height: 239px;" src="http://tjp.hu/barakk/images/200201152147.jpg"
onmouseover="TJPzoom(this)" alt="">

<!-- 方法二 -->
<img style="width: 580px; height: 580px;" src="http://valid.tjp.hu/zoom/collage.jpg"
 
onmouseover="TJPzoom(this,'http://valid.tjp.hu/zoom/collage_2.jpg')" alt="">

那么效果如何呢?(因为无法上传边框图的原因,倒至效果有些让人失望,不过你可以去看原版。)

meiking   2008-06-07 02:36:27 评论:0   阅读:60   引用:0

发表评论>>

署名发表(评论可管理,不必输入下面的姓名)

姓名:

主题:

内容: 最少15个,最长1000个字符

验证码: (如不清楚,请刷新)

Copyright@2008 powered by YuLog