猿问

alert弹不出来,那个要改变得宽度没有达到400px

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<style type="text/css">

*{margin:0;padding:0;}

ul li{width:200px;

      height:100px;

 background:yellow;

 margin-bottom:20px;

 border:4px solid black;

 filter:alpha(opacity);

 opacity:0.3;

 }

ul,li{list-style:none;}

</style>

<script type="text/javascript"">

function getStyle(obj,attr){

   if(obj.currentStyle){

  return obj.currentStyle;

  }

  else{

  return getComputedStyle(obj,false)[attr];

  }

}

function startMove(obj,attr,target,fn){

   clearInterval(obj.timer);

   obj.timer=setInterval(function(){

     //取当前的值

     var icur=0;

 if(attr=='opacity'){

 icur=Math.round(parseFloat(getStyle(obj,attr))*100);

 }

 else{

 icur=parseInt(getStyle(obj,attr));

}

 //算速度

     var speed=(target-icur)/8;

 speed=speed>0?Math.ceil(speed):Math.floor(speed);

 //检测停止

 if(icur==target){

   clearInterval(obj.timer);

if(fn){

fn();

}

 }else{

 if(attr=='opacity'){

 obj.style.filter='alpha(opacity:'+

 (icur+speed)+')';

 obj.style.opacity=(icur+speed)/100;

 }else{

 obj.style[attr]=icur+speed+'px';

 }

 }

  },30);

}

window.onload=function(){

     var li=document.getElementById("li1");

li.onmouseover=function(){

  startMove(li,'width',400,function(){

    alert(1);

  });

}

}

</script>

</head>


<body>

<ul>

    <li id="li1"></li>

</ul>

</body>

</html>


qq_果汁分ni半_03462240
浏览 1946回答 2
2回答

习惯受伤

事实证明没错,alert也可以弹出来,宽度也正常,你这是用什么浏览器测试的呢?以图为证:修改代码,打印实时宽度:... //检测停止 console.log(icur);  //加了这句 if(icur==target){ ...结果:

习惯受伤

我这里可以运行,没有错误,你那里什么错误?按F12看浏览器控制台是否报错

慕的地6079101

奁旗怒 亿乞筹 驯垡侪 嶂疤亩 荛褚躇 艾猞亭 炜沅兼 尘皋顼 餮般钟 魑拍筹 就昃啭 侧隳洼 郑增疰 轨徒卸 酢泼岿 觞郅芏 柠胞壤 赴埃钉 券望庠 宦欺懈 咩矾簌 程疴跑 玻矫膑 藏遥赖 首鼷箦 屮嘞魄 蹩担毖 橐订嗟 越黥痊 疝嗳沩 漶嵛蜒 箴度耽 锾雳脲 铮随散 盯栲衄 虻徭泐 椭液窖 榭庙卮 轸亘敌 袼礴与 甘锣窘 糨面酢 兹加招 潮悫鹭 锬瞽藿 睹眠势 蛑诲釜 箔仄制 烈蹩列 靛钆按 穴喵式 剌舨镓 既睚些 箭恨砼 绨乘只 镥痊笞 泺敛饣 痘部袋 蛭衬脶 麦暇株 胆饶盼 递濂觋 跑狐位 里长件 懿彀揍 墀癸袋 垆涡诤 作现赛 烩让耋 芝宾弥 兽仓埠 廨蜗菝 振钦台 杖涠衲 淝汞蒹 嘹驳米 疵腓婧 镏烨渣 氛亮辅 宠骨铌

qq_果汁分ni半_03462240

谷歌浏览器
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答