关于Jqzoom的使用心得 jquery放大镜效果插件

让你幸福一生

让你幸福一生

2016-02-19 13:09

有了下面这个关于Jqzoom的使用心得 jquery放大镜效果插件教程,不懂关于Jqzoom的使用心得 jquery放大镜效果插件的也能装懂了,赶紧get起来装逼一下吧!
下面是完整的代码 jqzoom打包下载地址

代码如下:

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问https://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的方法!推荐一下!

代码如下:

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问https://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
展开更多 50%)
分享

猜你喜欢

关于Jqzoom的使用心得 jquery放大镜效果插件

Web开发
关于Jqzoom的使用心得 jquery放大镜效果插件

WPS放大镜效果

电脑入门
WPS放大镜效果

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Photoshop设计放大镜放大物体效果教程

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop设计放大镜放大物体效果教程

Photoshop制作放大镜放大书籍效果

PS PS基础
Photoshop制作放大镜放大书籍效果

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Photoshop制作精致的放大镜效果

PS PS基础
Photoshop制作精致的放大镜效果

Photoshop制作放大镜观赏美女效果

PS PS基础
Photoshop制作放大镜观赏美女效果

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

JAVA入门教程:第二章

JAVA入门教程:第二章

Java语言入门 -- 第二章 Java程序编译与运行环境

Java语言入门 -- 第二章 Java程序编译与运行环境
下拉加载更多内容 ↓