为什么不显示透明呢？麻烦帮我看下！谢谢-慕课网

首页课程实战体系课手记专栏慕课教程

为什么不显示透明呢？麻烦帮我看下！谢谢

来源：2-2 JS透明度动画

Alice611

2016-01-11 19:49

<!DOCTYPE HTML>

<html>

<head>

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

body,div{

margin:0;

padding:0;

}

#div1{

width:200px;

height:200px;

background-color:red;

filter:alpha(opacity:30);//透明度30

opacity:0.3;

}

</style>

window.onload=function(){

var oDiv=document.getElementById("div1");

//鼠标移入透明度100

oDiv.onmouseover=function(){

starMove(100);

}

//鼠标移出透明度30

oDiv.onmouseout=function(){

starMove(30);

}

var timer=null;

var alpha=30;

function starMove(iTaget){

var oDiv=document.getElementById("div1");

clearInterval(timer);

timer=setInterval(function(){

var speed=0;//变量初始值为0；

if(alpha>=iTaget){

speed=-10;

}

else{

speed=10;

}

if(alpha==iTaget){

clearInterval(timer);

}

else{

alpha+=speed;

odiv.style.filter="alpha(opacity:‘+alpha+')";

oDiv.style.opacity=alpha/100;

}

},30)

}

</script>

</head>

<body>

</body>

</html>

写回答关注

6回答

李晓健: 2016-01-11 21:07:33

已采纳

<script type="text/javascript">  <!--这里的type值，要写就要写正确，要么就不写---->

oDiv.style.filter = "alpha(opacity:‘+alpha+')";  //这里的oDiv 写成了 odiv

1 0

Alice6...

非常感谢！

2016-03-01 11:12:26

共 1 条回复 >

慕前端3010514

2022-04-04 09:40:54

heredoc，所写即所得，不需要格式修饰。用来写代码很方便
g n w t z z k j r e b v g d i k j i v w r f x a c i k

0 0
qq_慕神1420022

2022-04-01 09:37:55

[w?dθ]我读错了？
https://www.61bcx.com/scratch3/work/822108 https://www.61bcx.com/scratch3/work/819854 https://www.61bcx.com/scratch3/work/816931 https://www.61bcx.com/scratch3/work/824069 https://www.61bcx.com/scratch3/work/825794 https://www.61bcx.com/scratch3/work/814152 https://www.61bcx.com/scratch3/work/824847 https://www.61bcx.com/scratch3/work/815628 https://www.61bcx.com/scratch3/work/819376 http://house.china.com.cn/sousou/%25101%253D%252C%2520%25C3%25E5%25B5%25E9%25CD%25F2%25B7%25E1%25B9%25FA%25BC%25CA%25BF%25AA%25BB%25A7%25B9%25D9%25CD%25F8%25A1%25BETL262%25A1%25A4C%25A3%25CFM%25A1%25BF%252C%25B8%25A7%25D6%25DD%25B5%25E7%25CC%25A8_1s.htm http://gdh.dict.cn/%E8%BE%BD%E5%AE%81%E6%B2%88%E9%98%B3%E5%93%AA%E9%87%8C%E8%83%BD%E7%8E%A9%E5%BA%84%E5%92%8C%E9%97%B2%E6%B8%B8%E6%88%8F%E7%BD%91%E5%9D%80TL262%C2%B7C%EF%BC%AFM%E7%84%A6%E4%BD%9C%E4%BA%BA%E6%89%8D%E7%BD%91 https://mod.3dmgame.com/mods?mods_title=%E5%B1%B1%E8%A5%BF%E7%A6%BB%E7%9F%B3%E7%9C%9F%E4%BA%BA%E5%B9%B3%E5%8F%B0%E5%AE%98%E7%BD%91B2024%C2%B7CN%E8%BE%BD%E6%BA%90%E4%BD%93%E8%82%B2%EF%BC%AE https://www.oschina.net/search?scope=news&q=%E5%92%8C%E7%9B%9B%E5%9C%A8%E7%BA%BF%E5%AE%A2%E6%9C%8D%E5%AE%98%E7%BD%91%E5%BC%80%E6%88%B7%E5%BE%AE%E4%BF%A1%E5%BC%80%E6%88%B7%E7%94%B5%E8%AF%9D%E5%AE%98%E6%96%B9%E7%BD%91%E5%9D%80B2024.CN%E7%BB%A5%E5%8C%96%E4%BC%81%E4%B8%9A%EF%BC%A2%EF%BD%82%EF%BD%8B https://minecraft.fandom.com/zh/wiki/UserProfile:%E7%BC%85%E7%94%B8%E9%BE%99%E6%BA%90%E5%A8%B1%E4%B9%90%E7%BD%91%E7%AB%99%E8%BF%9B%E5%85%A5%E5%AE%98%E6%96%B9%E7%BD%91%E5%9D%80B2024.CN%E9%B8%A1%E8%A5%BF%E8%AE%BF%E8%B0%88%EF%BD%99%EF%BC%AD?variant=zh-hk&cb=&mobileaction=toggle_view_mobile http://iias.tsinghua.edu.cn/search/%E7%9A%87%E5%AE%B6%E5%9B%BD%E9%99%85%E5%AE%98%E6%96%B9%E7%94%B5%E8%AF%9DB2024%C2%B7CN%E4%B9%8C%E6%B5%B7%E6%8B%9B%E8%81%98%EF%BC%A2 http://biz.finance.sina.com.cn/zjzt/more.php?lytype=ipoly_hyxdly&title=%DB%C2%C6%BD%B5%CF%CD%FE%B9%FA%BC%CA%C9%CF%B7%D6%B5%E7%BB%B0%A1%BEB2024%A1%A4CN%A1%BF%CE%E4%BA%BA%BD%B9%B5%E3%A3%C7%A3%E3 http://www.minitu.cn/?s=%E5%B1%B1%E4%B8%9C%E8%8E%B1%E9%98%B3%E5%93%AA%E6%9C%89%E7%BD%91%E4%B8%8A%E5%B9%B3%E5%8F%B0%E7%9B%B4%E8%90%A5%E7%BD%91B2024%C2%B7CN%E9%93%9C%E9%99%B5%E5%8D%AB%E8%A7%86%EF%BD%92%EF%BD%87%EF%BC%AC http://biz.finance.sina.com.cn/zjzt/more.php?lytype=ipoly_hyxdly&title=%C3%E5%B1%B1%D0%C2%B0%D9%CA%A4%B9%AB%CB%BE%B3%C7%B9%D9%CD%F8TL262%A1%A4C%A3%CFM%B3%A4%B4%BA%CE%C0%C9%FA%BE%D6%A3%C7%A3%B3 http://dblab.xmu.edu.cn/?s=%E7%BC%85%E7%94%B8%E6%96%B0%E9%94%A6%E6%B1%9F%E8%B5%8C%E5%9C%BA%E6%8E%A8%E8%8D%90%E5%AE%98%E7%BD%91B2024.CN%E9%83%B4%E5%B7%9E%E6%8B%9B%E8%81%98%EF%BC%A5%EF%BC%8D https://mod.3dmgame.com/mods?mods_title=%E9%BB%91%E9%BE%99%E6%B1%9F%E5%B0%9A%E5%BF%97%E5%93%AA%E9%87%8C%E8%83%BD%E7%8E%A9%E5%BA%84%E5%92%8C%E9%97%B2%E5%AE%98%E7%BD%91B2024%C2%B7CN%E8%BE%BD%E6%BA%90%E7%BD%91%E9%80%9A%EF%BC%BB https://mod.3dmgame.com/mods?mods_title=%E7%BC%85%E7%94%B8%E6%B0%B8%E6%98%8C%E5%A8%B1%E4%B9%90%E8%B0%81%E6%98%AF%E8%80%81%E6%9D%BF%E3%80%90B2024.CN%E6%AC%A2%E8%BF%8E%E6%82%A8%E3%80%91%E5%91%A8%E5%8F%A3%E7%BD%91%E7%BA%A2%EF%BC%98%EF%BD%9D%EF%BC%B3

0 0
溜溜六

2016-03-01 09:43:52

oDiv.style.filter = "alpha(opacity:" + alpha + ")";

0 0
红尘叶子

2016-01-25 16:57:20

oDiv.style.filter="alpha(opacity:'+alpha+')"; odiv改成oDiv,opacity:'+alpha+'前面的那个引号号要切换英文输入引号

0 0
慕神6131772

2016-01-11 21:11:34

odiv.style.filter="alpha(opacity:‘+alpha+')";应该是oDiv吧大小写
<script type="text/jscript">应该是<script type="text/javascript">

0 0

JS动画效果

通过本课程JS动画的学习，从简单动画开始，逐步深入各种动画框架封装

113939 学习 · 1443 问题

查看课程

相似问题

大家帮我看一下为什么不显示，谢谢

回答 1

为什么我的透明度没有显示呢

回答 3

多物体的运动和透明度都没有反应，麻烦帮忙解决一下，谢谢

回答 1

麻烦看一下哪里错了，谢谢

回答 1

为什么透明度可以实现，其他实现不了，望大神花点时间帮忙看看，谢谢！

回答 1

打开慕课网App查看更多内容

为什么不显示透明呢 ？麻烦帮我看下！谢谢

6回答

为什么不显示透明呢？麻烦帮我看下！谢谢