打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
JavaScript无限级缩小放大图片
  • JavaScript无限级缩小放大图片,这里仅供参考,因为图片的实际像素并没有改变,因此即使是放大也是虚拟的,就当是一种JS的练习吧。
  • <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>值得推荐的无限缩小放大图片功能</title>
    </head>
    <body>
    <input type="button" value="缩小" onclick="small1()">
    <input type="button" value="放大" onclick="big1()">
    <img border="0"  name=images1 src="/images/logo.gif">
    <script>
    function small(){
    var height1=images0.height
    var width1=images0.width
    images0.height=height1/1.5
    images0.width=width1/1.5}
    function big(){
    var height1=images0.height
    var width1=images0.width
    images0.height=height1*1.5
    images0.width=width1*1.5}
    function small1(){
    var height1=images1.height
    var width1=images1.width
    images1.height=height1/1.5
    images1.width=width1/1.5}
    function big1(){
    var height1=images1.height
    var width1=images1.width
    images1.height=height1*1.5
    images1.width=width1*1.5}
    </script>
    </body>
    </html>

    本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
    打开APP,阅读全文并永久保存 查看更多类似文章
    猜你喜欢
    类似文章
    JavaScript教程:onmouseover控制图片
    javascript循环无缝滚动代码
    在ecshop首页增加对联广告的方法
    PHP中使用imagick实现把PDF转成图片
    图片频道显示图片自适应大小解决办法
    JavaScript自定义模拟alert弹出提示框 – 编码工具
    更多类似文章 >>
    生活服务
    热点新闻
    分享 收藏 导长图 关注 下载文章
    绑定账号成功
    后续可登录账号畅享VIP特权!
    如果VIP功能使用有故障,
    可点击这里联系客服!

    联系客服