国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

javascript 圖片放大縮小功能實現代碼

2019-11-20 23:45:31
字體:
來源:轉載
供稿:網友
看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需刷新才能執行]

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 淄博市| 江永县| 罗定市| 得荣县| 剑河县| 孝昌县| 阳山县| 通州区| 扎鲁特旗| 平利县| 大港区| 抚顺市| 浦东新区| 洪江市| 启东市| 永吉县| 利辛县| 黎城县| 涪陵区| 凤台县| 承德县| 万山特区| 天水市| 沂南县| 个旧市| 交城县| 金平| 社会| 东至县| 吐鲁番市| 盱眙县| 临高县| 广安市| 西丰县| 浪卡子县| 鄱阳县| 武强县| 始兴县| 定远县| 阿坝县| 阿巴嘎旗|