1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > html5透明度标签没效果 html5 html_Js改变元素透明度函数 关于变量的作用域问题?

html5透明度标签没效果 html5 html_Js改变元素透明度函数 关于变量的作用域问题?

时间:2022-10-10 14:26:33

相关推荐

html5透明度标签没效果 html5 html_Js改变元素透明度函数 关于变量的作用域问题?

Js改变元素透明度函数,关于变量的作用域问题?

写了一个变换透明度的函数,但是作用域有问题,甚至很奇怪。。。

代码:

Document

*{

margin: 0px;

padding: 0px;

}

#box{

width: 800px;

height: 800px;

background-color: #1AE2F6;

}

var box=document.getElementById("box");

box.style.opacity=0.1;

box.οnmοuseοver=function(){

changeopto(1);

}

box.οnmοuseοut=function(){

changeopto(0.1);

}

var timer=null;

//var alpha=box.style.opacity;//在这里获取也不行

var alpha=0.1;//只有定义一个值才能完成动画

function changeopto(newOp){

var box=document.getElementById("box");

// alpha=box.style.opacity;//想得到box原来的opacity,不行

clearInterval(timer);

timer=setInterval(function(){

var cgspeed=0;//每个时间单位变换的值

if (newOp

cgspeed=-0.01;

alpha+=cgspeed;

box.style.opacity=alpha;

}

if (newOp>alpha){

cgspeed=0.01;

alpha+=cgspeed;

box.style.opacity=alpha;

}

if (newOp==alpha){

clearInterval(timer);

}

},10);

}

为什么在我这个函数里,只有在外部定义一个值才有效?而且在外部用box.style.opacity(和想赋的值相同)赋值都不行,只能用一个数值;在函数内部用 box.style.opacity 赋值也不应该没有效果啊??

相关阅读:

这里的sql语句该怎么写

angularjs 点击li如何添加/移除当前li class类名?

UICollectionView 展示指定 Item 无效?

js-为什么这么写就读不到function?

React-Redux shallowEqual方法是不是错了?

Vue2.0 的官网脚手架能否改成可以开发多个项目的?

js构造函数

Laravel Passport在前后端分离项目中的使用问题

双层控制器嵌套,ms-for会出错

PHP实现标签匹配数据并将数据按标签匹配的权重排序

N-blog 中 config-lite 找不到 default , 检查了文件和搜索路径都没问题

为什么block 里面使用self,instruments leaks 没有检测出内存泄漏?需要用什么方法才能检测出

非nodejs环境下的包管理工具

在javascript中,不同的设计模式到底应对什么场景?

?pyspider 项目状态变成 Pause

HBuilder右键编译less文件失败怎么办?

为什么没给父级元素加边框,子级的外边距就超出父级范围了

laravel , ajax 使用post方式传输,后台获取登陆用户id时报错500,使用get方式正常.

为什么0 == null 返会的是false?

请教一个ajax跨域的问题,求大神帮帮我

html5透明度标签没效果 html5 html_Js改变元素透明度函数 关于变量的作用域问题? html5 html css javascript - phpStudy...

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。