function getStyle(obj,attr) {
return obj.currentStyle ? obj.currentStyle[attr] : getComputedStyle(obj)[attr];
}
function startMove(obj,attr,target) {
clearInterval(obj.timer);
obj.timer = setInterval(function () {
// 返回的字符串，需轉換成number類型
// var curAttr = parseInt(getStyle(obj,attr));
// var curAttr = (attr == 'opacity') ? parseFloat(getStyle(obj,attr))*100 : parseInt(getStyle(obj,attr));
var curAttr = (attr == 'opacity') ? parseInt(parseFloat(getStyle(obj,attr))*100) : parseInt(getStyle(obj,attr));
var speed = (target - curAttr)/8;
speed = speed > 0 ? Math.ceil(speed) : Math.floor(speed);
if (curAttr == target) { //是否到達終點
clearInterval(obj.timer);
} else {
if (attr == 'opacity') {
curAttr += speed;
obj.style.opacity = (curAttr + speed)/100;
obj.style.filter = 'alpha(opacity:' + (curAttr + speed) + ')';
document.getElementById('txt').value = obj.style.opacity;
} else {
obj.style[attr] = curAttr + speed + 'px';
}
}
},300);
}move.js
?著作權歸作者所有,轉載或內容合作請聯系作者
- 文/潘曉璐 我一進店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人，你說我怎么就攤上這事?！?“怎么了？”我有些...
- 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著，像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上，一...
- 文/蒼蘭香墨 我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼！你這毒婦竟也來了？” 一聲冷哼從身側響起，我...
推薦閱讀更多精彩內容
- 1、.set（prop，val）方法用于設置元素的CSS屬性，參數：屬性，屬性值 2、.add（prop，val）...
- HTML 學習筆記 May 13，2017 js事件驅動機制、js事件分類、js訪問css技術、js事件驅動機制深...
- 第一組：楊昊 實用CSS 遮罩層： 彈窗請自定義。漸變背景色：從上到下： 同樣的，從左到右： 第二組：徐晉 J...
