• 新规:续航150公里以下新能源车取消补贴 2019-10-11
  • 法国革命时代,女人流行穿什么 2019-10-11
  • 黑龙江省县(市、区)委统战部长培训班举办 2019-10-06
  • “夏季第一瓜”竟是它! 2019-10-06
  • 《阿古顿巴》藏语版在藏语卫视首播 2019-09-06
  • 晋中市“三同步”推动互联网治理创新 2019-08-27
  • 法媒:研究称美国人常用药物或增加抑郁风险 2019-08-27
  • 宝贝是地名,你能想到这么浪漫的地名在哪儿吗? 2019-08-15
  • 何树山副省长到方圆机电调研指导工作 2019-08-15
  • 河南22选五尾数走势:javascript 图片放大缩小功能实现代码

    来源:本网整理
    看JS源码:
    复制代码 代码如下:
    // 放大缩小控制
    var PhotoSize = {
    zoom: 0, // 缩放率
    count: 0, // 缩放次数
    cpu: 0, // 当前缩放倍数值
    elem: "", // 图片节点
    photoWidth: 0, // 图片初始宽度记录
    photoHeight: 0, // 图片初始高度记录

    init: function(){
    this.elem = document.getElementById("focusphoto");
    this.photoWidth = this.elem.scrollWidth;
    this.photoHeight = this.elem.scrollHeight;

    this.zoom = 1.2; // 设置基本参数
    this.count = 0;
    this.cpu = 1;
    },

    action: function(x){
    if(x === 0){
    this.cpu = 1;
    this.count = 0;
    }else{
    this.count += x; // 添加记录
    this.cpu = Math.pow(this.zoom, this.count); // 任意次幂运算
    };
    this.elem.style.width = this.photoWidth * this.cpu +"px";
    this.elem.style.height = this.photoHeight * this.cpu +"px";
    }
    };
    // 启动放大缩小效果 用onload方式加载,防止第一次点击获取不到图片的宽高
    window.onload = function(){PhotoSize.init()};

    建议最好采用onload方式引用,可以准确读到初始图片的大小

    [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

    彩票双色球历史开奖结果 www.s9h6.com

  • 本文相关:
  • jquery中:input和input的区别分析
  • $.format,jquery.format 使用说明
  • JS继承 笔记
  • JS高级笔记
  • js下将字符串当函数执行的方法
  • js实现addClass,removeClass,hasClass的函数代码
  • jquery 结合C#后台的数组对文章的关键字自动添加链接的代码
  • 基于jquery实现的鼠标滑过按钮改变背景图片
  • TreeView 用法(有代码)(asp.net)
  • 关于html+ashx开发中几个问题的解决方法
  • 免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 彩票双色球历史开奖结果 - 频道导航
    Copyright © 2017 彩票双色球历史开奖结果 www.s9h6.com All Rights Reserved