亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

求大神幫忙找錯,鼠標移入透明值0.13,移出為0..14; ?誤差超大,不知道哪里出錯了


<!doctype html>
<html>
?<head>
? <meta charset="UTF-8">
? <meta name="Generator" content="EditPlus?">
? <meta name="Author" content="">
? <meta name="Keywords" content="">
? <meta name="Description" content="">
? <title>任意屬性值</title>
? <style type="text/css">
? boy,
? div{margin:0; padding:0;}
? #div1{
?? ?width:400px;
?? ?height:400px;
?? ?border:2px solid black;
?? ?margin-bottom:20px;
?? ?background:yellow;
?? ?filter:alpha(opacity:30); /*IE瀏覽器設置透明度*/
?? ?opacity:0.3;??? /*火狐、谷歌瀏覽器*/
? }
? </style>

?</head>
?<body>
? <div id ="div1"></div>
?</body>
?<script>
?? ?window.onload = function(){
?? ??? ?var oDiv = document.getElementById("div1");
?? ??? ?oDiv.onmouseover = function(){
?? ??? ??? ?startMove(this,'opacity',100); //this為鼠標在哪的對象
?? ??? ?}
?? ??? ?oDiv.onmouseout = function(){
?? ??? ??? ?startMove(this,'opacity',30);? //鼠標離開透明度變為30;
?? ??? ?}
?? ?}
?? ?var timer = null;
?? ?function startMove(obj,attr,iTarget){ //傳入對象、屬性、目標值
?? ??? ?clearInterval(obj.timer);? //清除當前定時器
?? ??? ?obj.timer = setInterval(function(){
?? ??? ??? ?var icur = 0; //獲取當前值
?? ??? ??? ?if(icur? == 'opacity'){ //屬性為透明度時
?? ??? ??? ??? ?icur = Math.round(parseFloat(getStyle(obj,attr))*100);
?? ??? ??? ??? ? // Math.round()函數為四舍五入
?? ??? ??? ?}
?? ??? ??? ?else{? //屬性為寬高時
?? ??? ??? ??? ?icur = parseInt(getStyle(obj,attr));
?? ??? ??? ??? ??? //parseInt()取整函數
?? ??? ??? ?}
?? ??? ??? ?var speed = (iTarget-icur)/8;
?? ??? ??? ?speed = speed > 0 ? Math.ceil(speed): Math.floor(speed);
?? ??? ??? ?if(icur == iTarget){
?? ??? ??? ??? ?clearInterval(obj.time);
?? ??? ??? ?}
?? ??? ??? ?else{
?? ??? ??? ??? ?if(attr == 'opacity'){? //是屬性是否為透明度
?? ??? ??? ??? ??? ?obj.style.filter = 'alpha(opacity:'+(icur+speed)+')';
?? ??? ??? ??? ??? ?//IE
?? ??? ??? ??? ??? ?obj.style.opacity = (icur+speed)/100; //緩沖速度
?? ??? ??? ??? ??? ?//Forefox
?? ??? ??? ??? ?}else{
?? ??? ??? ??? ??? ?obj.style[attr] = icur + speed +'px';
?? ??? ??? ??? ??? ?//屬性為寬高字體大小時
?? ??? ??? ??? ?}
?? ??? ??? ?}
?? ??? ?},30)
?? ?}
?? ?function getStyle(obj,attr){?? //獲取樣式
?? ??? ?if(obj.currentStyle){
?? ??? ??? ?return obj.currentStyle[attr];
?? ??? ?}else{
?? ??? ??? ?return getComputedStyle(obj,false)[attr];
?? ??? ?}
?? ?}
?</script>
</html>

正在回答

1 回答

http://img1.sycdn.imooc.com//56e260c200017a6903350064.jpgtimer

0 回復 有任何疑惑可以回復我~
#1

夢幻星空web 提問者

非常感謝!
2016-03-11 回復 有任何疑惑可以回復我~
#2

夢幻星空web 提問者

還是不行,改了和原來一樣,還有其他錯嘛
2016-03-11 回復 有任何疑惑可以回復我~
#3

Eason_Mar 回復 夢幻星空web 提問者

if(icur == 'opacity'){ //屬性為透明度時 改為: if(attr == 'opacity'){ //屬性為透明度時
2016-04-04 回復 有任何疑惑可以回復我~
#4

Eason_Mar 回復 夢幻星空web 提問者

還有,前面的樣式,body寫成了boy... <style type="text/css"> boy, div{margin:0; padding:0;}
2016-04-04 回復 有任何疑惑可以回復我~
查看1條回復

舉報

0/150
提交
取消

求大神幫忙找錯,鼠標移入透明值0.13,移出為0..14; ?誤差超大,不知道哪里出錯了

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號