来看看另一个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
