H5 ?? ?? ?? ?? ?? ??
<html lang="zh">
<??>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">?
<meta name="viewport" content="user-scalable=no, width=device-width,initial-scale=1">
<title>jQuery圖文整張或局part放大代碼 ?</title>
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="src/css/mag.css" />
<link rel="stylesheet" href="src/theme/default.css" />
<link rel="stylesheet" href="css/index.css" />
<style type="text/css">
.controls-btns ??{
??: #333;
}
.mt50{??-??: 50px;}
</???>
</??>
<?>
<div class="???? mt50">
? ?>
<div class="row mag-eg-row">
?<div class="col col-md-6">
<div class="mag-eg-el-wrap img-thumbnail">
?<div class="??">
<div mag-thumb="inner" class="mag-eg-el">
?<img src="img/alley/500x300.jpg" />
</div>
<div mag-zoom="inner" class="mag-eg-el">
?<img src="img/alley/1000x600.jpg" />
</div>
<div class="filler"></div>
?</div>
</div>
?</div>
?<div class="col col-md-6">
<div class="mag-eg-doc">
?<h3>??</h3>
?<pre><code class="lang-html"><!--
--><div mag-thumb="??">
<img src="img/alley/500x300.jpg" />
</div>
<div mag-zoom="??">
<img src="img/alley/1000x600.jpg" />
</div><!--
?--></code></pre>
?<pre><code class="lang-js"><!--
-->$host = $('[mag-thumb="??"]');
$host.mag();<!--
?--></code></pre>
?<p>使用鼠標(biāo)滾輪可以對內(nèi)part圖文進行縮放。</p>
</div>
?</div>
</div>
<div class="row mag-eg-row">
?<div class="col col-md-6">
<div class="mag-eg-el-wrap">
?<div class="img-thumbnail">
<div mag-thumb="inner-inline" mag-flow="inline" class="mag-eg-el">
?<img src="img/alley/500x300.jpg" style="??: 400px; ?? ??: 100%; ??: ??" />
</div>
<div mag-zoom="inner-inline" class="mag-eg-el">
?<img src="img/alley/1000x600.jpg" />
</div>
?</div>
</div>
?</div>
?<div class="col col-md-6">
<div class="mag-eg-doc">
?<h3>?? ???</h3>
?<pre><code class="lang-html"><!--
-->><div mag-thumb="??-???" mag-flow="inline">
<img src="img/alley/500x300.jpg" ???="??: 400px; ?? ??:100%;" />
</div>
<div mag-zoom="inner-inline">
<img src="img/alley/1000x600.jpg" />
</div><!--
?--></code></pre>
?<pre><code class="lang-js"><!--
-->$host = $('[mag-thumb="inner-inline"]');
$host.mag();<!--
?--></code></pre>
</div>
?</div>
</div>
<div class="row mag-eg-row">
?<div class="col col-md-6">
<div class="mag-eg-el-wrap img-thumbnail">
?<div class="??">
<div mag-thumb="outer" class="mag-eg-el">
?<img src="img/rieti/500x334.jpg" />
</div>
<div class="filler"></div>
?</div>
</div>
<div class="mag-eg-el-wrap img-thumbnail" style="height:auto;width:auto">
?<div style="??: 300px; ??: 300px">
<div mag-zoom="outer" class="mag-eg-el" style="float: right;position:relative;overflow:hidden;">
?<img src="img/rieti/full.jpg" />
</div>
?</div>
</div>
?</div>
?<div class="col col-md-6">
<div class="mag-eg-doc">
?<h3>??</h3>
?<pre><code class="lang-html"><!--
--><div mag-thumb="??">
<img src="img/alley/500x300.jpg" />
</div>
<div style="??: 300px; ??: 300px;">
<div mag-zoom="??">
<img src="img/alley/1000x600.jpg" />
</div>
</div><!--
?--></code></pre>
?<pre><code class="lang-js"><!--
-->$host = $('[mag-thumb="??"]');
$host.mag({
??: '??',
??: 1 / 1.6
});
?
?<p>使用鼠標(biāo)滾輪可以對???? 進行縮放。</p>
</div>
?</div>
</div>
<div class="row mag-eg-row">
?<div class="col col-md-6">
<div class="mag-eg-el-wrap img-thumbnail">
?<div class="??">
<div mag-thumb="outer-drag" class="mag-eg-el">
?<img src="img/rieti/500x334.jpg" />
</div>
<div class="filler"></div>
?</div>
</div>
<div class="mag-eg-el-wrap img-thumbnail">
?<div class="??">
<div mag-zoom="outer-drag" class="mag-eg-el" style="float: right;">
?<img src="img/rieti/full.jpg" />
</div>
<div class="filler"></div>
?</div>
</div>
?</div>
?<div class="col col-md-6">
<div class="mag-eg-doc">
?<h3>?? ???</h3>
?<pre><code class="lang-html"><!--
--><div mag-thumb="?? ???">
<img src="img/alley/500x300.jpg" />
</div>
<div mag-zoom="?? ???">
<img src="img/alley/1000x600.jpg" />
</div>
<!--
?--></code></pre>
?<pre><code class="lang-js"><!--
-->$host = $('[mag-thumb="?? ???"]');
$host.mag({
??: '??',
??: '???',
??: ??
});<!--
?--></code></pre>
?<p>使用鼠標(biāo)滾輪可以對???? 進行縮放。</p>
</div>
?</div>
</div>
<div class="row mag-eg-row">
?<div class="col col-md-6">
<div class="mag-eg-el-wrap img-thumbnail">
?<div class="??">
<div mag-thumb="drag" class="mag-eg-el">
?<img src="img/rieti/500x334.jpg" />
</div>
<div mag-zoom="drag" class="mag-eg-el">
?<img src="img/rieti/full.jpg" />
</div>
<div class="filler"></div>
?</div>
</div>
?</div>
?<div class="col col-md-6">
<div class="mag-eg-doc">
?<h3>???</h3>
?<pre><code class="lang-html"><!--
--><div mag-thumb="???">
<img src="img/alley/500x300.jpg" />
</div>
<div mag-zoom="???">
<img src="img/alley/1000x600.jpg" />
</div><!--
?--></code></pre>
?<pre><code class="lang-js"><!--
-->$host = $('[mag-thumb="???"]');
$host.mag({
??: '???',
??: ??
});<!--
?--></code></pre>
?<p>使用鼠標(biāo)滾輪可以對圖文進行縮放。</p>
</div>
?</div>
</div>
<div class="row mag-eg-row" id="controls">
?<div class="col col-md-6">
<div class="mag-eg-el-wrap img-thumbnail">
?<div class="??">
<div mag-thumb="controls" class="mag-eg-el">
?<img src="img/rieti/500x334.jpg" />
</div>
<div mag-zoom="controls" class="mag-eg-el">
?<img src="img/rieti/full.jpg" />
</div>
<div class="filler"></div>
?</div>
</div>
<div mag-ctrl="controls" class="controls-btns">
?<button class="mag-eg-ctrl-zoom-out" mag-ctrl-zoom-by="-0.5">-</button>
?<button class="mag-eg-ctrl-zoom-in" mag-ctrl-zoom-by="0.5">+</button>
?<button class="mag-eg-ctrl-move-up" mag-ctrl-move-by-y="-0.5">^</button>
?<button class="mag-eg-ctrl-move-down" mag-ctrl-move-by-y="0.5">v</button>
?<button class="mag-eg-ctrl-move-left" mag-ctrl-move-by-x="-0.5"><</button>
?<button class="mag-eg-ctrl-move-right" mag-ctrl-move-by-x="0.5">></button>
?<button class="mag-eg-ctrl-fullscreen" mag-ctrl-fullscreen>[ ]</button>
?<button class="mag-eg-ctrl-destroy" mag-ctrl-destroy>??</button>
</div>
?</div>
?<div class="col col-md-6">
<div class="mag-eg-doc">
?<h3><a href="#controls">???</a></h3>
?<pre><code class="lang-html"><!--
--><script src="src/js/mag-control.js"></script>
<div mag-thumb="???">
<img src="img/alley/500x300.jpg" />
</div>
<div mag-zoom="???">
<img src="img/alley/1000x600.jpg" />
</div>
<div mag-ctrl="???">
<button mag-ctrl-zoom-by="-0.5">-</button>
<?? mag-ctrl-zoom-by="0.5">+</button>
<?? mag-ctrl-move-by-y="-0.5">^</button>
<button mag-ctrl-move-by-y="0.5">v</button>
<button mag-ctrl-move-by-x="-0.5"><</button>
<button mag-ctrl-move-by-x="0.5">></button>
<?? mag-ctrl-fullscreen>[ ]</??>
<button mag-ctrl-destroy>??</button>
</div><!--
?--></code></pre>
?<pre><code class="lang-js"><!--
-->$host = $('[mag-thumb="???"]');
$host.mag(
??: ??,
??: ??
);
$controls = $('[mag-ctrl="controls"]');
$controls.magCtrl({
???: $host
});<!--
--></code></pre>
</div>
?</div>
</div>
? </??>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.bridget.js"></script>
<script src="js/jquery.mousewheel.min.js"></script>
<script src="js/jquery.event.drag.js"></script>
<script src="js/screenfull.js"></script>
<script src="js/hammer.min.js"></script>
<script src="js/PreventGhostClick.js"></script>
<script src="src/js/mag-analytics.js"></script>
<script src="src/js/mag.js"></script>
<script src="src/js/mag-jquery.js"></script>
<script src="src/js/mag-control.js"></script>
<script src="js/index.js"></script>
<div style="text-align:center;margin:50px 0; ??:normal 14px/24px 'MicroSoft YaHei';">?
</div>
</??>
</html>
H5? ??? PHP中文網(wǎng)?? ? ?? ? ? ????.
? ???? ?? ???? ???? ????? ?? ???? ????? ????????. ?????? ???? ?? ??????! ? ???? ?? ???? ?? ?????? ?????. ??? ???? ???? ??? ????. ??? ??? ?? ??? ?? ??? ???? ????! ??? ?? ?? ??? ???? ????? ????. ???: admin@php.cn
?? ??

04 Jun 2025
CSGO (Coun ?? ??? ??? ??? ?? ?? ???? ?? ????? ??? ? ??????. ?? ??? ?? ???? ?? ???? ?? ?? ????, ???? ??? ?? ??? ??? ??? ? ????. ? ??? CSGO ?? ?? ?????? ?? ???? ??? ??? ???? ??? ??? ???? ??? ? ??????.

13 Mar 2025
ASUS ?? ?? ??? ??? ?? : ?? ?? ?? ??? ??? ASUS? ?? ??? ? ???? ?? ?????? ?? ?? ???? ???? ?? ??? ????? ?? ??? ?? ??? ?????. ??? ? ??

05 Apr 2025
? ????? ?? ?? ???? ????? ??? ???? ??? ??? ?? ????? ?? ??? ????? ??? ???? ??? ?????? ? ?? ...

01 Mar 2025
? ??? ??? ??? ????? ?? 10 Cool JQuery ?? ?? ?? ????! ??? ?? jQuery Navigation ?? ????? ????? ?? 10 ?? ??? JQuery ?? ?? ????? ?????. ????! ?? ?? ? : -10 ??? jQuery Navigation MENUS -15 ??? jQuery Navigation MENUS ??? ??? ??? ???? ?????? ? ????? ????? ?? ?? ????? ??? ??? ?? ??? ?? ? ????. ?? ?? ?? 2. jQuery ??? ??-Submenu??? FX CSS ?? 100% CSS ??, jQuery? ???? ?? ??. JavaScript ? ???? ?? ??? ??????. ??? ????, ???? ??? ?????

05 Apr 2025
CSS ?? ?? ? ?? ?? ??? ??? CSS? ???? ?? ?? ??? ??? ??? ???? ?? ???? ?? ???? ??? ???? ??? ?? ?? ? ???? ...

14 Jul 2025
Andrew Hammelbrowse? ?? ??? Rimworld? ???? Rimworld Odyssey DLC? ??? ??, ?? ?? ? ??? ? ??? ?? ??? ?? ??? ?????. ???? ??? ? ????. ???? ?? ???????.

21 Mar 2025
Avowed 's Best Sight Bows : ??? ?? ???. ???? ?? ??? Avowed? ?, ?? ??? ??? ?? ?????. ??? ??? ??, ? ?? ??? ? ?? ??? ?????. ? ???? ?? UN? ??? ?????


??? ??

HTML5 Canvas ?? ???? ????? ?? ??
HTML5 Canvas ?? ???? ????? ?? ??? ?????? ?? ?? ??? ? ? ?? ??? ????????.

H5 ?? ?? ?? ?? ??
HTML5 Mobile Panda? ?? ?? ?? ?? ?????. ?? ??: ??? ?? ?? ?? ???? ??? ???? ????? ?????. ?? ??? ??? ?????.

HTML5 ???? ?? ?? ????? ?? ??
svg? ???? ??????? ??? ?? ??? ?? ?????? ??? ?? ?????? ????? ?????.

H5 3D ?? ? ?? ?? ??
HTML5 ?? 3D ? ?? ??? ?? ?? ????. ?? ??: ?? ?? ?? ????, ?? ?? ?? ?? ??? ???? ???? ?? ????? ????? ?????. ???? ???? ?? ??? ?? ???????.
