| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 596 人关注过本帖
标题:js实现(多个)图片定时不同闪烁变化(transition=1,2,3 ... 23)
只看楼主 加入收藏
js_friend
Rank: 1
来 自:guangzhou
等 级:新手上路
威 望:1
帖 子:36
专家分:0
注 册:2011-5-9
结帖率:100%
收藏
 问题点数:0 回复次数:0 
js实现(多个)图片定时不同闪烁变化(transition=1,2,3 ... 23)
<html>
<head>
<title></title>
<script language="javascript">
<!--
//图片的变化有23种,这个页面先实现多个图片第多种transition变化。
function start()
{
obj=eval("img1");
obj.style.visibility="hidden";
obj.filters.item(0).Apply();
obj.style.visibility="visible";
obj.src="baby7.jpg";   //选择要加载的图片
obj.filters.item(0).Play();
start2();
}

function start3(obj2,str2,ii)
{
if (document.all)
//测试eval(obj2+'.innerHTML = str2');
obj2.src="baby7.jpg";
}

var i=0;
var p=0;
var trans=1;
function start2()
{
//obj2 = eval("tag1");
var str1="abcefghijklmnopqrstuvwxyz";
if (i<str1.length)
{
i++;
str2 = str1.substring(0,i);  //可以用str1.slice(0,i);
start3('img1',"<font color='red'>" + str2 + "</font>",i);
setTimeout("start2()",300);
}
if (i==str1.length)
{
i=16;  //调整可以调整图片变化的速度,数值在1-22为合适,变化太快会失灵或效果不实际
p++;
if (p==8) p=1;
trans++;
if (trans==24) trans=1;
setTimeout("start1(p,trans)",2000);  //可以直接用start1();
}
}


function start1(p,trans)
{
obj=eval("img1");
obj.style.visibility="hidden";
obj.filters.item(0).Apply();

obj.style.visibility="visible";

//以下为选择变化的图片
if (p==1)
{
obj.src="baby1.jpg";
obj.filters.item(0).transition=trans;
//obj.style.width="200px";
//obj.style.height="158px";
}
if (p==2)
{
obj.src="baby2.jpg";
obj.filters.item(0).transition=trans;
}
if (p==3)
{
obj.src="baby3.jpg";
obj.filters.item(0).transition=trans;
}
if (p==4)
{
obj.src="baby4.jpg";
obj.filters.item(0).transition=trans;
}
if (p==5)
{
obj.src="baby5.jpg";
obj.filters.item(0).transition=trans;
}
if (p==6)
{
obj.src="baby6.jpg";
obj.filters.item(0).transition=trans;
}
if (p==7)
{
obj.src="baby7.jpg";
obj.filters.item(0).transition=trans;
}

obj.filters.item(0).Play();
}
-->
</script>


</head>

<body onload=start()>
<div id="tag1">
<img id="img1" src="XXX.jpg" width="150" height="140" style="filter:revealTrans
(Transition=1,Duration=1.5)" >
</div>
</body>

</html>
搜索更多相关主题的帖子: 图片 title function javascript 
2011-06-20 16:59
快速回复:js实现(多个)图片定时不同闪烁变化(transition=1,2,3 ... 23)
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.038218 second(s), 7 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved