jquery jqzoom插件练习
2020-12-13 04:21
标签：style blog class code c java jqzoom下载 jquery jqzoom插件练习,搜素材,soscw.com jquery jqzoom插件练习 标签：style blog class code c java 原文地址：http://www.cnblogs.com/senyier/p/3732460.html
DOCTYPE html>
html lang="en" xmlns="http://www.w3.org/1999/xhtml">
head>
meta charset="utf-8" />
title>title>
script src="../Packages/jQuery.1.8.3/jquery-1.8.3.min.js">script>
script src="../Packages/jquery.jqzoom.js">script>
script type="text/javascript" >
$(document).ready(function () {
$(".jqzoom").jqueryzoom({
xzoom: 300, //zooming div default width(default width value is 200)
yzoom: 300, //zooming div default width(default height value is 200)
offset: 40, //zooming div default offset(default offset value is 10)
position: "right", //zooming div position(default position value is "right")
preload: 1 // 1 by default
});
});
script>
link rel="stylesheet" href="../Styles/jqzoom.css" />
head>
body>
div class="jqzoom">
img src="../Images/shoe1_small.jpg" jqimg="../Images/shoe1_big.jpg" />
div>
body>
html>
上一篇：IDEA下创建Spring项目
下一篇：Java上机实验报告（1）