程序博客网 > 备案二手域名交易平台

js图片拖拽查看并滑动鼠标可放大缩小

来源：互联网发布：备案二手域名交易平台编辑：程序博客网时间：2024/05/06 01:00

js图片拖拽查看并滑动鼠标可放大缩小，具体见如下代码：

html代码:

<style type="text/css">

body{background-color:#555;color:#fff;}

a img{border:none;}

#imageView_container{border:2px solid #000;margin:0 auto;}

#imageView_container.iv-loading{border:2px solid #ff6600;}

</style>

</head>

<body>

<div id="imageView_container">

<img src="images/sad2.jpg" rel="images/sad2.jpg" alt="" onmousewheel="return bbimg(this)"/>

</div>

</body>

</html>

js代码:

<script type="text/javascript" src="js/jquery.js"></script>

<script type="text/javascript" src="js/jquery.imageView.js"></script>下载并引用

$(function() {

$('#imageView_container').imageView({width:850, height:708});

});

<script language="javascript">

function bbimg(o){

var zoom=parseInt(o.style.zoom, 10)||100;

zoom+=event.wheelDelta/12;

if (zoom>0) o.style.zoom=zoom+'%';

return false;

}

</script>

ok

阅读全文

0 0

备案二手域名交易平台

备案二手域名交易平台

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子表白网表白信男生表白的话表白的话对女生女生表白表白短信跟女生表白怎么跟女生表白对女孩子表白的话和女生表白如何对女生表白跟女孩表白的话女生向男生表白的话真实感人表白创意和女生表白怎么说给男生表白的话女生给男生表白的话深情表白的话如何浪漫的表白怎样向女生表白粤语表白的话表白礼物给女孩表白的话对女孩表白的话给女生表白的话对男生表白的话感人的对女朋友表白的话向女孩子表白的话男生怎么表白女生向男生表白向女生表白表白用语向男生表白的话如何向女孩表白表白制作跟女生表白的台词表白的话对男生表白的方法怎样跟女生表白表白的情话表白的诗句