程序博客网 > 玩minecraft学编程

点击放大图片、滚动缩放图片（无插件，自己写的）

来源：互联网发布：玩minecraft学编程编辑：程序博客网时间：2024/05/16 13:43

<script src="~/js/jquery.js"></script>//

<style type="text/css">

#block {
width: 0px;
height: 100%;
}
#cts img {
vertical-align: middle;
}

</style>

<body>

<div style="position:absolute;display:none;top:0;left:0;width:100%;background-color:#676767;" id="cts">
<div style="position:absolute;top:0;right:0;">
<img src="~/Image/Practice/close_1.png" class="imgRoll" id="CloseBig"/>
</div>
<div style="margin:0 auto;text-align:center;vertical-align:middle;" id="imgVer">
<img src="/images/1.jpg" style="width:800px;height:auto;" onmousewheel="return bigimg(this)"/>
<img src="" id="block"/>//利用空图片实现上下左右居中
</div>
</div>

<script type="text/javascript">

function bigimg(i) {
var zoom = parseInt(i.style.zoom, 10) || 100;
zoom += event.wheelDelta / 12;
if (zoom > 0)
i.style.zoom = zoom + '%';
return false;
}

$(function(){

$("#smallIMG").click(function () {
$("#cts").css("display", "block");
})
$("#CloseBig").click(function () {
$("#cts").css("display", "none");
})

$("#cts").css("height", document.body.clientHeight + "px");
$("#imgVer").css("height", document.body.clientHeight + "px");

})

</script>

</body>

0 0

玩minecraft学编程

玩minecraft学编程

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子孕妇能吃什么零食孕妇注意事项大全孕妇用的护肤品有哪些孕妇要做什么检查孕妇怎样保养皮肤什么牌子的孕妇护肤品好孕妇可以用什么牌子的护肤品孕妇能吃哪些食物孕妇用什么化妆品孕妇检查项目有哪些孕妇吃什么不长胖孕妇能用哪些护肤品孕妇护肤品哪个好孕妇吃什么补品好孕妇可以使用护肤品吗孕妇护肤品有哪些孕妇不可以吃什么孕妇防辐射服排行榜孕妇吃什么零食好孕妇胖了怎么减肥孕妇如何保养皮肤孕妇可以用的化妆品孕妇能用的化妆品牌孕妇用什么牌子护肤品孕妇擦什么护肤品好孕妇需要注意什么孕妇分娩娇韵诗孕妇能用吗孕妇吃什么营养好孕妇适合用什么化妆品孕妇吃什么早餐好孕妇可以用什么面膜孕妇用什么化妆品好什么牌子的护肤品孕妇可以用孕妇护肤品牌哪个好孕妇吃哪些坚果好孕妇可以用爽肤水吗孕妇多吃什么对胎儿好孕妇能用吗孕妇衣服孕妇不能用化妆品