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

2016-02-19 13:09 19 1 收藏

有了下面这个关于Jqzoom的使用心得 jquery放大镜效果插件教程,不懂关于Jqzoom的使用心得 jquery放大镜效果插件的也能装懂了,赶紧get起来装逼一下吧!

【 tulaoshi.com - Web开发 】

下面是完整的代码 jqzoom打包下载地址

代码如下:

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

来源:https://www.tulaoshi.com/n/20160219/1603101.html

延伸阅读
标签: PS PS基础
最终效果 1、新建一个1000 * 700像素,分辨率为72的画布,背景填充黄褐色:#C1AE84。 新建一个组,先来制作玻璃镜框部分。在组里新建一个图层,按Ctrl + R 调出标尺,在左侧位置拉两条相交的参照线。然后以参照线的焦点为圆心,用椭圆选框工具,按住Alt + Shift拉出下图所示的正圆选区。 2、用油漆桶把选区填充任意颜色,取消选区后效...
WPS演示中放大镜功能的使用技巧   我们知道在制作幻灯片的时候,常常会在一张幻灯片上放上很多内容,而在实际放映时会发现,有些内容容易被听众所忽略。下面图老师小编就为大家介绍下WPS演示中放大镜的使用方法,可以将幻灯片局部内容放大。 操作方法如下: WPS演示 在WPS幻灯片放映过程中单击鼠标右键,在快捷菜单...
标签: flash教程
本文由 中国 妖妖灵 原创,转载请保留此信息! 先看下效果图: [next]这是我自己拼凑出来的一个效果!! 非常的简单! 不知道以前是不是有人做过这个效果!! 不过世界那么大,高手那么多!!不会没人做过吧?? 既然我没有看见,那就姑且发他一次!!!! 呵呵........ 这里是我的制作过程!! [next] [next] ...
标签: 浏览器
360图片放大镜怎么开?   首先,我们需要保证360浏览器版本为7.1以上,开启360浏览器之后同时按住Ctrl+Shift+A就可以关闭或者开启哦。

经验教程

620

收藏

6
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部