關(guān)于Jqzoom的使用心得 jquery放大鏡效果插件
<html>
<head>
<title>JQzoom 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 id="content" style="margin-top:100px;margin-left:100px;">
<a href="kawasakigreen.jpg" class="jqzoom" style="" title="kawasaki">
<img src="kawasakigreen_small.jpg" title="kawasakigreen" style="border: 1px solid #666;">
</a><select style="position:absolute;left:400px;top:10px;"><option>sdsdsds</option></select>
<br>
<div class="notes">
<small>created by Renzi Marco</small>
<a >Hire me</a><br>
<a >view all Demos</a>
</div>
</div>
</body></html>
下面主要演示Jqzoom的方法!推薦一下!
<script type="text/javascript">
window.onload = function() {
$(".jqzoom").jqueryzoom({
xzoom: 250, //設(shè)置放大 DIV 長(zhǎng)度(默認(rèn)為 200)
yzoom: 250, //設(shè)置放大 DIV 高度(默認(rèn)為 200)
offset: 10, //設(shè)置放大 DIV 偏移(默認(rèn)為 10)
position: "right", //設(shè)置放大 DIV 的位置(默認(rèn)為右邊)
preload: 1,
lens: 1
});
}
</script>
相關(guān)文章
jquery怎樣實(shí)現(xiàn)ajax聯(lián)動(dòng)框(一)
ajax聯(lián)動(dòng)框想必大家早有所耳聞,接下來(lái)本文詳細(xì)介紹下使用jquery實(shí)現(xiàn)的原理及代碼,感興趣的你可以參考下,或許對(duì)你有所幫助2013-03-03jQuery.ajax實(shí)現(xiàn)根據(jù)不同的Content-Type做出不同的響應(yīng)
使用H5+ASP.NET General Handler開(kāi)發(fā)項(xiàng)目,使用ajax進(jìn)行前后端的通訊。有一個(gè)場(chǎng)景需求是根據(jù)服務(wù)器返回的不同數(shù)據(jù)類型,前端進(jìn)行不同的響應(yīng),這里記錄下如何使用$.ajax實(shí)現(xiàn)該需求,需要的朋友可以參考下2016-11-11JQuery實(shí)現(xiàn)動(dòng)態(tài)添加刪除評(píng)論的方法
這篇文章主要介紹了JQuery實(shí)現(xiàn)動(dòng)態(tài)添加刪除評(píng)論的方法,涉及jQuery處理鼠標(biāo)事件及json數(shù)據(jù)的相關(guān)技巧,需要的朋友可以參考下2015-05-05詳解JavaScript for循環(huán)中發(fā)送AJAX請(qǐng)求問(wèn)題
這篇文章主要為大家剖析了JavaScript for循環(huán)中發(fā)送AJAX請(qǐng)求問(wèn)題,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-03-03jQuery實(shí)現(xiàn)文字超過(guò)1行、2行或規(guī)定的行數(shù)時(shí)自動(dòng)加省略號(hào)的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)文字超過(guò)1行、2行或規(guī)定的行數(shù)時(shí)自動(dòng)加省略號(hào)的方法,涉及jQuery針對(duì)頁(yè)面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-03-03原生Ajax 和jQuery Ajax的區(qū)別示例分析
這篇文章主要介紹了原生Ajax 和Jq Ajax的區(qū)別示例分析,需要的朋友可以參考下2014-12-12jquery ajax 請(qǐng)求小技巧實(shí)例分析
這篇文章主要介紹了jquery ajax 請(qǐng)求小技巧,結(jié)合實(shí)例形式分析了jquery ajax請(qǐng)求操作相關(guān)配置與使用技巧,需要的朋友可以參考下2019-11-11