第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

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

求助:實(shí)在是不知道哪里錯了,怎么調(diào)透明度都不變

<!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>無標(biāo)題文檔</title>

<style>

*{margin:0;padding:0;}

ul,li{list-style: none;

}

ul li{

width:200px;

height:200px;

background:#666;

margin: 10px;

float: left;

opacity: 0.3;

}

</style>


<script type="text/javascript">

window.onload=function(){

var oLi=document.getElementsByTagName("li");

for (var i = 0;i<oLi.length;i++){

oLi[i].alpha=30;

oLi[i].onmouseover=function(){

startMove(this,100);

}

oLi[i].onmouseout=function(){

startMove(this,30);

}

}

}

function startMove(obj,iwidth){

//var oLi=document.getElementsByTagName("li");

clearInterval(obj.timer);

obj.timer=setInterval(function(){

var speed=0;

if (obj.alpha>iwidth) {

speed=-10;

}else{

speed=10;

};

if (obj.alpha==iwidth) {

clearInterval(obj.timer);

}else{

obj.alpha=obj.alpha+speed+"px";

obj.style.opacity=obj.alpha/100;

}

},30)

}

</script>


</head>

<body>

<ul>

<li></li>

<li></li>

<li></li>

<li></li>

</ul>

</body>

</html>


正在回答

2 回答

把啟用實(shí)時預(yù)覽的對勾取消就行了,

0 回復(fù) 有任何疑惑可以回復(fù)我~

我是新手。看你這段代碼感覺亂亂的,是用改寬度的函數(shù)改的吧。

把obj.style.opacity=obj.alpha/100;這段代碼改成obj.style.opacity=iwidth/100;就好了

0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

一顆獼猴桃 提問者

iwidth是一個固定的值,onmouseover時是100,onmouseout時是30,并且一直與obj.alpha相比,如果大于obj.alpha就加上10,透明度就是根據(jù)alpha加上10之后的值再除以100得到的,所以我覺得并不是把obj.style.opacity=obj.alpha/100;中的obj.alpha改為iwidth就可以的,改了以后,鼠標(biāo)放上就是切換而不是漸變。
2016-06-07 回復(fù) 有任何疑惑可以回復(fù)我~
#2

一顆獼猴桃 提問者

問題找到了……obj.alpha=obj.alpha+speed+"px";多加了“px”
2016-06-07 回復(fù) 有任何疑惑可以回復(fù)我~
#3

_9259 回復(fù) 一顆獼猴桃 提問者

感謝,我也知道我錯哪了
2016-06-07 回復(fù) 有任何疑惑可以回復(fù)我~

舉報(bào)

0/150
提交
取消

求助:實(shí)在是不知道哪里錯了,怎么調(diào)透明度都不變

我要回答 關(guān)注問題
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號