我想让这个动画一直进行下去，各位大侠，能不能？

ZiSheng 2011-07-13 03:33:27 


<html>

<head>

<title>SetTimeout</title>

<style type="text/css">

div{

    height:200px;

    width:600px;

    background-color:#CCCCCC;

}

#test1

{

    background:#99CC00;

    position:fixed;

    left:300px;

	border:1px solid red;

    filter:alpha(opacity=0);

}

</style>

</head>

<body>

<h2>Great Web resources</h2>  

<div id="test1"></div>

<button onclick="doSome()">测试</button>

<script language="javascript">

function $(id)

{

    return document.getElementById(id);

}

function doSome()

{

    this.fadeIn($("test1"));

}



function setOpacity(obj,value)

{

    //debugger;

	//alert(value);

    if(obj.filters)    

    {

        obj.style.filter='alpha(opacity='+value+')';

    }

    else{

        obj.style.opacity=value/100;

    }

	if(value==100){

		fadeOut(obj);

		//alert("hah");

	}

}



function fadeIn(obj)

{

    for(var i=0;i<=100;i+=2)

    {

        (function(){

            var pos=i;

            setTimeout(function(){setOpacity(obj,pos);},(pos+1)*10);

        }

        )();

		//if(i==100){

		//	fadeOut(obj);

		//}

    }

}

function fadeOut(obj)

{

    for(var i=98;i>=0;i-=2)

    {

		//alert(Math.abs((i-98)));

        (function(){

            var pos=i;

            setTimeout(function(){setOpacity(obj,pos);},Math.abs((pos-98))*10);

        }

        )();

		//if(i==0){

		//	fadeIn(obj);

		//}

    }

}

</script>





</body>

</html>
...全文
180 15 打赏 收藏 转发到动态 举报
写回复
用AI写文章
15 条回复
切换为时间正序
请发表友善的回复…
发表回复
ZiSheng 2011-07-16
  • 打赏
  • 举报
 回复
我终于明白了，呵呵。
ZiSheng 2011-07-14
  • 打赏
  • 举报
 回复
如果去掉pos变量的定义就没有了淡入淡出的效果。
knightzhuwei 2011-07-14
  • 打赏
  • 举报
 回复
[Quote=引用 10 楼 zisheng 的回复:]

引用 9 楼 confidenceyu 的回复:
你试下不就知道了

这里可能涉及到闭包的问题，有些不是很清楚，不是简单的试一下你就明白了。
[/Quote]
pos后面要用 你不定义怎么用？
ZiSheng 2011-07-14
  • 打赏
  • 举报
 回复
[Quote=引用 13 楼 knightzhuwei 的回复:]
引用 12 楼 zisheng 的回复:

如果去掉pos变量的定义就没有了淡入淡出的效果。

报错了当然就没有效果了
[/Quote]
兄弟，你能不能测试下，再下结论！！！
knightzhuwei 2011-07-14
  • 打赏
  • 举报
 回复
[Quote=引用 12 楼 zisheng 的回复:]

如果去掉pos变量的定义就没有了淡入淡出的效果。
[/Quote]
报错了当然就没有效果了
ZiSheng 2011-07-13
  • 打赏
  • 举报
 回复
[Quote=引用 9 楼 confidenceyu 的回复:]
你试下不就知道了
[/Quote]
这里可能涉及到闭包的问题，有些不是很清楚，不是简单的试一下你就明白了。
confidenceyu 2011-07-13
  • 打赏
  • 举报
 回复
你试下不就知道了
ZiSheng 2011-07-13
  • 打赏
  • 举报
 回复
var pos=i;
这个变量定义与不定义，有什么区别？
挨踢直男 2011-07-13
  • 打赏
  • 举报
 回复
<html>
<head>
<title>SetTimeout</title>
<style type="text/css">
div{
height:200px;
width:600px;
background-color:#CCCCCC;
}
#test1
{
background:#99CC00;
position:fixed;
left:300px;
border:1px solid red;
filter:alpha(opacity=0);
}
</style>
</head>
<body>
<h2>Great Web resources</h2>
<div id="test1"></div>
<button onclick="doSome()">测试</button>
<script language="javascript">
function $(id)
{
return document.getElementById(id);
}
function doSome()
{
this.fadeIn($("test1"));
setTimeout(doSome,3000)//刚才加错地方了
}

function setOpacity(obj,value)
{
//debugger;
//alert(value);
if(obj.filters)
{
obj.style.filter='alpha(opacity='+value+')';
}
else{
obj.style.opacity=value/100;
}
if(value==100){
fadeOut(obj);
//alert("hah");
}
}

function fadeIn(obj)
{
for(var i=0;i<=100;i+=2)
{
(function(){
var pos=i;
setTimeout(function(){setOpacity(obj,pos);},(pos+1)*10);
}
)();
//if(i==100){
// fadeOut(obj);
//}
}
}
function fadeOut(obj)
{
for(var i=98;i>=0;i-=2)
{
//alert(Math.abs((i-98)));
(function(){
var pos=i;
setTimeout(function(){setOpacity(obj,pos);},Math.abs((pos-98))*10);
}
)();
//if(i==0){
// fadeIn(obj);
//}
}
}
</script>


</body>
</html>
挨踢直男 2011-07-13
  • 打赏
  • 举报
 回复
<html>
<head>
<title>SetTimeout</title>
<style type="text/css">
div{
height:200px;
width:600px;
background-color:#CCCCCC;
}
#test1
{
background:#99CC00;
position:fixed;
left:300px;
border:1px solid red;
filter:alpha(opacity=0);
}
</style>
</head>
<body>
<h2>Great Web resources</h2>
<div id="test1"></div>
<button onclick="doSome()">测试</button>
<script language="javascript">
function $(id)
{
return document.getElementById(id);
setTimeout(doSome,3000)
}
function doSome()
{
this.fadeIn($("test1"));
}

function setOpacity(obj,value)
{
//debugger;
//alert(value);
if(obj.filters)
{
obj.style.filter='alpha(opacity='+value+')';
}
else{
obj.style.opacity=value/100;
}
if(value==100){
fadeOut(obj);
//alert("hah");
}
}

function fadeIn(obj)
{
for(var i=0;i<=100;i+=2)
{
(function(){
var pos=i;
setTimeout(function(){setOpacity(obj,pos);},(pos+1)*10);
}
)();
//if(i==100){
// fadeOut(obj);
//}
}
}
function fadeOut(obj)
{
for(var i=98;i>=0;i-=2)
{
//alert(Math.abs((i-98)));
(function(){
var pos=i;
setTimeout(function(){setOpacity(obj,pos);},Math.abs((pos-98))*10);
}
)();
//if(i==0){
// fadeIn(obj);
//}
}
}
</script>


</body>
</html>
ZiSheng 2011-07-13
  • 打赏
  • 举报
 回复
[Quote=引用 2 楼 xuexiaodong2009 的回复:]
应该没为题啊
[/Quote]
有问题，代码执行下就知道了。
z13962603112 2011-07-13
  • 打赏
  • 举报
 回复
没问提吧
ZiSheng 2011-07-13
  • 打赏
  • 举报
 回复
var pos=i;
这个变量定义与不定义，有什么区别？
xuexiaodong2009 2011-07-13
  • 打赏
  • 举报
 回复
应该没为题啊
knightzhuwei 2011-07-13
  • 打赏
  • 举报
 回复 


<html>

<head>

<title>SetTimeout</title>

<style type="text/css">

div{

    height:200px;

    width:600px;

    background-color:#CCCCCC;

}

#test1

{

    background:#99CC00;

    position:fixed;

    left:300px;

    border:1px solid red;

    filter:alpha(opacity=0);

}

</style>

</head>

<body>

<h2>Great Web resources</h2>  

<div id="test1"></div>

<button onclick="doSome()">测试</button>

<script language="javascript">

function $(id)

{

    return document.getElementById(id);

}

function doSome()

{

    this.fadeIn($("test1"));

}



function setOpacity(obj,value)

{

    //debugger;

    //alert(value);

    if(obj.filters)    

    {

        obj.style.filter='alpha(opacity='+value+')';

    }

    else{

        obj.style.opacity=value/100;

    }

    if(value==100){

        fadeOut(obj);

        //alert("hah");

    }

}



function fadeIn(obj)

{

    for(var i=0;i<=100;i+=2)

    {

        (function(){

            var pos=i;

            setTimeout(function(){setOpacity(obj,pos);},(pos+1)*10);

        }

        )();

        //if(i==100){

        //    fadeOut(obj);

        //}

    }

}

function fadeOut(obj)

{

    for(var i=98;i>=0;i-=2)

    {

        //alert(Math.abs((i-98)));

        (function(){

            var pos=i;

            setTimeout(function(){setOpacity(obj,pos);},Math.abs((pos-98))*10);

        }

        )();

        //if(i==0){

        //    fadeIn(obj);

        //}

    }

    setTimeout(function(){fadeIn(obj);},Math.abs((99))*10);

}

</script>





</body>

</html>
国内电视台播出的日本动画大盘点
　1、铁臂阿童木：这个很久很久了，我都不记得我看过了，可妈妈说我看过还非常喜欢，那应该是看过了。去年又有新版的播出，不过我没怎么看，不过这的确比较适合小孩子看。好像是台版配音，还不错。 　2、聪明的一休...
程序人生: 我的十年,自己的生活经历,个人自传 (整理)
我想，那我就不自量力，班门弄斧，写一写自己的一些生活经历，如果能与你引起共鸣，你就给点掌声，支持我继续写下去，如果认为写得不好，你就多提意见，我修改后，再继续写下去！好了，各位看官看一看吧，绝对原创！...
23 岁那年你正处在哪个状态？现在呢？
23 岁那年你正处在哪个状态？现在呢？ 我，23岁，应届毕业生。生活，工作，爱情都处于人生的低谷，一穷二白，一无所有，一事无成。...在我23岁那年四月，当我深爱的女孩（在这之前我追了她四年）说她要去北
23岁的一无所有，其实是理所应当的
23 岁那年你正处在哪个状态？现在呢？  我，23岁，应届毕业生。生活，工作，爱情都处于人生的低谷，一穷二白，一无所有，一事无成。...在我23岁那年四月，当我深爱的女孩（在这之前我追了她四年）说她要去北
Ghost误操作后只有C盘处理方法
机也死了，几年辛辛苦苦收藏的东东也不见了，几乎天天都有人上网求助，高手大侠们整天忙于新产品的开发，不可能有更多时间及时一一解答网友们的所提出的问题，因此我在网上看到了这个软件,现推荐给大家使用....
JavaScript

87,909

社区成员

224,616

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章