本文主要是介绍html5局部放大图片,H5的图片整张或局部放大特效,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
H5的图片整张或局部放大特效
jQuery图片整张或局部放大代码.controls-btns button{
color: #333;
}
.mt50{margin-top: 50px;}
Inner
<div mag-thumb="inner">
<img src="img/alley/500x300.jpg" />
</div>
<div mag-zoom="inner">
<img src="img/alley/1000x600.jpg" />
</div>
$host = $('[mag-thumb="inner"]');
$host.mag();
使用鼠标滚轮可以对内部图片进行缩放。
Inner Inline
<div mag-thumb="inner-inline" mag-flow="inline">
<img src="img/alley/500x300.jpg" style="width: 400px; max-width:100%;" />
</div>
这篇关于html5局部放大图片,H5的图片整张或局部放大特效的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!