• 文字广告位
  • 文字广告位
  • 文字广告位
您现在的位置: 站长手册 >> 特效代码 >> 图片类 >> 正文
站内搜索
Google
[图文]变幻图片效果
        ★★★   

变幻图片效果

雅虎收藏夹 百度收藏 Google书签 Yahoo书签 新浪ViVi 搜狐网摘 365Key网摘 天极网摘 diglog 和讯网摘 POCO网摘 YouNote网摘 博拉网 天下图摘 Del.icio.us digg reddit spurl BlinkList blogmarks
人气: 来源:本站原创 作者:佚名 所属栏目:图片类 [切换到繁體中文]
介绍:这个特效的变化真的很多的,不信就可以多等一会试试,或放鼠标上去看看。

演示:

[Ctrl+A全选 提示:你可先修改部分代码,再按运行]

下面教你如何应用此特效: 
 --------------------------------------------------------------------------------------
  需要在<body 这里>加入的代码:
 --------------------------------------------------------------------------------------
以下代码加到<head>…</head>中
以下代码加到<body>…</body>中
<style>
.filter1 {filter:revealTrans(Duration=2.0,Transition=23)}
</style>
<script language="Jscript">
var cache1, cache2, vache3;
cache1 = new Image();
cache1.src = "/texiao/zzsc_demo/01.jpg";
cache2 = new Image();
cache2.src = "/texiao/zzsc_demo/02.jpg";
cache3 = new Image();
cache3.src = "/texiao/zzsc_demo/03.jpg";
var I = 0;
var j = 0;
var l = 0;
var t = 0;
function changeImgSrc(imgsrc,dur,trans)
{
 idLogo.className = "filter1";
 idLogo.filters[0].Apply();
 idLogo.filters.revealTrans.transition=trans;
 idLogo.filters.revealTrans.duration=dur;
 idLogo.src = imgsrc;
 idLogo.filters[0].Play();
}
function startChange()
{
 t = setInterval("changeImg()",10000);

function changeImg()
{
 var e = idLogo.src;
 I++;
 j = I % 3;
 if (j == 0) changeImgSrc("/texiao/zzsc_demo/01.jpg",1,23); 
 if (j == 1) changeImgSrc("/texiao/zzsc_demo/02.jpg",1,23);
 if (j == 2) changeImgSrc("/texiao/zzsc_demo/03.jpg",1,23); 
 I = (I > 30000) ? 0 : I;
}
function doOver()
{
 var e = event.srcElement;
 l = (l == 0) ? 1 : 0;
 if (l == 0)
 {
 if (j == 1) changImgSrc("/texiao/zzsc_demo/03.jpg,0.5",12);
 if (j == 2) changeImgSrc("/texiao/zzsc_demo/01.jpg",0.5,12);
 if (j == 0) changeImgSrc("/texiao/zzsc_demo/02.jpg",0.5,12);
 } else
 {
 if (j == 1) changeImgSrc("/texiao/zzsc_demo/02.jpg",0.5,12);
 if (j == 2) changeImgSrc("/texiao/zzsc_demo/01.jpg",0.5,12);
 if (j == 0) changeImgSrc("/texiao/zzsc_demo/03.jpg",0.5,12);
 }
 clearInterval(t);
}
function doOut()
{
 var e = event.srcElement;
 if (j == 1) changeImgSrc("/texiao/zzsc_demo/02.jpg",0.5,12);
 if (j == 2) changeImgSrc("/texiao/zzsc_demo/03.jpg",0.5,12);
 if (j == 0) changeImgSrc("/texiao/zzsc_demo/01.jpg",0.5,12);
 t = setInterval("changeImg()",10000);
}
</script>
          <img id="idLogo" src="/texiao/zzsc_demo/01.jpg"  onMouseOver="doOver()" onMouseOut="doOut()">
  • 上一个特效:
  • 下一个特效:
  • 网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    姓 名: *(必填项) ·注册用户·
    Email: QQ号:
    评 分: 1分 2分 3分 4分 5分
    • 您可以发表评论支持你喜欢的文章。
    • 请遵守《互联网电子公告服务管理规定》
    • 请遵守中华人民共和国各项有关法律法规。
    • 严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
    • 评论人需对自己在使用评论过程中的行为承担法律责任。
    • 本站管理员有权保留或删除评论内容。
    • 评论内容只代表个人观点,与本网站立场无关。
    站内特效搜索
    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | | 京ICP备 05004866号 |
    版权所有 2007-2008 站长手册 WWW.ZZSC.ORG 业务联系 zzsc.org#gmail.com