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

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

麻煩大神幫我看一下為什么下面的鏈式運動不執行?

麻煩大神幫我看一下為什么下面的鏈式運動不執行?

慕少5527016 2016-05-26 15:45:01
<head><title>鏈式運動</title><style>li{ width:200px;? ? height:100px;? ? background:red;? ? float: none;? ? left:0;? ? top: 0;? ? margin-bottom: 20px;? ? list-style-type: none;? ? filter: alpha(opacity:30);? ? opacity: 0.3;}</style><script type="text/javascript">var oli=document.getElementsByTagName('li');window.onload=function(){for(i=0;i<oli.length;i++){? ? oli[i].timer=null;? ? oli[i].onmouseover=function(){? ? ? ? startmove(this,"width",400,function(){? ? ? ? ? ? startmove(this,"opacity",100);? });? ? }? ? oli[i].onmouseout=function(){? ? ? ? startmove(this,"width",200,function(){? ? ? ? ? ? startmove(this,"opacity",30);? ?});? ? }}}function getamt(obj,attr){? ? ? ? if(obj.currentStyle){? ? ? ? ? ? return obj.currentStyle[attr];? ? ? ? }else{? ? ? ? ? ? return getComputedStyle(obj,false)[attr];? ?}? ? }function startmove(obj,attr,itarget,fn){? ? clearInterval(obj.timer);? ? obj.timer=setInterval( function(){? ? ? ? var dqz=0;? ? ? ? if(attr=="opacity"){? ? ? ? ? ? dqz=Math.round(parseFloat(getamt(obj,attr))*100);? ? ? ? }else{? ? ? ? ? ? dqz=parseInt(getamt(obj,attr));? ? ? ? }? ? ? ? var speed=(itarget-dqz)/10;? ? ? ? speed=speed>0?Math.ceil(speed):Math.floor(speed);? ? ? ? if(dqz == itarget){? ? ? ? clearInterval(obj.timer);? ? ? ? if(fn){?fn();?}? ? ? ? }?else{? ? ? ? ? ? if (attr=="opacity") {obj.style.filter="alpha(opacity:"+(dqz+speed)+")";? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?obj.style.opacity=(dqz+speed)/100;}? ? ? ? ? ? else{obj.style[attr]=dqz+speed+"px";}? ? ? ? ? ? } ?? ?},30);}</script></head><body><ul>? ? ?<li></li>? ? ?<li></li></ul></body>
查看完整描述

2 回答

?
一毛錢

TA貢獻156條經驗 獲得超57個贊

你的效果實現了啊,鼠標滑過或者移開寬度變化了,透明度也變化了,你是出現什么問題呢?還有你用的什么瀏覽器,你可以調試,F12 看報錯沒有,哪里報錯,什么錯誤

查看完整回答
反對 回復 2016-05-27
  • 一毛錢
    一毛錢
    你是要變顏色啊,你的代碼中沒有變色的代碼,只有設置透明度的代碼
?
小寒丶

TA貢獻4條經驗 獲得超1個贊

?var oli = document.getElementsByTagName('li');

這個要放到window.onload函數里面哦

或者把你的js 放在ul的下面也是可以的

查看完整回答
反對 回復 2016-05-26
  • 2 回答
  • 0 關注
  • 1478 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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