代码如下:
(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)html
head
titleJQzoom Demo/title
script src="../js/jquery-1.3.2.min.js" type="text/javascript"/script
script src="../js/jqzoom.pack.1.0.1.js" type="text/javascript"/script
link rel="stylesheet" href="../css/jqzoom.css" type="text/css"
style type"text/css"
div.notes{
font-size:12px;
}
div.notes a{
color:#990000;
}
/style
script type="text/javascript"
$(function() {
$(".jqzoom").jqzoom();
});
/script
/head
body
div
a href="kawasakigreen.jpg" title="kawasaki"
img src="kawasakigreen_small.jpg" title="kawasakigreen"
/aselectoptionsdsdsds/option/select
br
div
smallcreated by Renzi Marco/small
a href="http://www.mind-projects.it/projects/jqzoom/contact.php"Hire me/abr
a href="http://www.mind-projects.it/projects/jqzoom"view all Demos/a
/div
/div
/body/html
下面主要演示Jqzoom的方法!推荐一下!
代码如下:
(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)script type="text/javascript"
window.onload = function() {
$(".jqzoom").jqueryzoom({
xzoom: 250, //设置放大 DIV 长度(默认为 200)
yzoom: 250, //设置放大 DIV 高度(默认为 200)
offset: 10, //设置放大 DIV 偏移(默认为 10)
position: "right", //设置放大 DIV 的位置(默认为右边)
preload: 1,
lens: 1
});
}
/script