2.8w+
社区成员
求：图片的变换的js!
举个例子
http://et.21cn.com/star/
图片的变换
这类效果的js应该很多的吧，希望谁收藏了的，拿出来共享一下，谢谢
...全文
当前发帖距今超过3年，不再开放新的回复
发表回复
George173 2004-08-04
不错
还有其他的么？
还有其他的么？
TSD 2004-08-04
if.files目录下有01.jpg,02.jpg,03.jpg
TSD 2004-08-04
下面就是它这个代码:
<HTML><HEAD><TITLE>无标题文档</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="MSHTML 6.00.2800.1458" name=GENERATOR></HEAD>
<BODY leftMargin=0 topMargin=0 marginheight="0" marginwidth="0">
<TABLE cellSpacing=0 cellPadding=0 width=255 border=0>
<TBODY>
<TR>
<TD>
<CENTER>
<DIV id=oTransContainer
style="FILTER: progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0,
wipeStyle=0, motion='forward'); WIDTH: 165px; HEIGHT: 103px"><A
href="http://et.21cn.com/star/zhuixing/gangtai/2004/08/04/1688167.shtml"
target=_blank><IMG id=oDIV1
style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid"
height=206 src="if.files/01.jpg" width=255 border=0></A> <A
href="http://et.21cn.com/star/zhuixing/gangtai/2004/08/04/1687932.shtml"
target=_blank><IMG id=oDIV2
style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; DISPLAY: none; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid"
height=206 src="if.files/02.jpg" width=255 border=0></A> <A
href="http://et.21cn.com/star/zhuixing/gangtai/2004/08/04/1688187.shtml"
target=_blank><IMG id=oDIV3
style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; DISPLAY: none; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid"
height=206 src="if.files/03.jpg" width=255 border=0></A></DIV></CENTER>
<SCRIPT>
var NowFrame = 1;
var MaxFrame = 3;
var bStart = 0;
function fnToggle() {
var next = NowFrame + 1;
if(next == MaxFrame+1)
{
NowFrame = MaxFrame;
next = 1;
}
if(bStart == 0)
{
bStart = 1;
setTimeout('fnToggle()', 6000);
return;
}
else
{
oTransContainer.filters[0].Apply();
document.images['oDIV'+next].style.display = "";
document.images['oDIV'+NowFrame].style.display = "none";
oTransContainer.filters[0].Play(duration=2);
if(NowFrame == MaxFrame)
NowFrame = 1;
else
NowFrame++;
} setTimeout('fnToggle()', 6000);
}
fnToggle();
</SCRIPT>
</TD></TR></TBODY></TABLE></BODY></HTML>
<HTML><HEAD><TITLE>无标题文档</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="MSHTML 6.00.2800.1458" name=GENERATOR></HEAD>
<BODY leftMargin=0 topMargin=0 marginheight="0" marginwidth="0">
<TABLE cellSpacing=0 cellPadding=0 width=255 border=0>
<TBODY>
<TR>
<TD>
<CENTER>
<DIV id=oTransContainer
style="FILTER: progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0,
wipeStyle=0, motion='forward'); WIDTH: 165px; HEIGHT: 103px"><A
href="http://et.21cn.com/star/zhuixing/gangtai/2004/08/04/1688167.shtml"
target=_blank><IMG id=oDIV1
style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid"
height=206 src="if.files/01.jpg" width=255 border=0></A> <A
href="http://et.21cn.com/star/zhuixing/gangtai/2004/08/04/1687932.shtml"
target=_blank><IMG id=oDIV2
style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; DISPLAY: none; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid"
height=206 src="if.files/02.jpg" width=255 border=0></A> <A
href="http://et.21cn.com/star/zhuixing/gangtai/2004/08/04/1688187.shtml"
target=_blank><IMG id=oDIV3
style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; DISPLAY: none; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid"
height=206 src="if.files/03.jpg" width=255 border=0></A></DIV></CENTER>
<SCRIPT>
var NowFrame = 1;
var MaxFrame = 3;
var bStart = 0;
function fnToggle() {
var next = NowFrame + 1;
if(next == MaxFrame+1)
{
NowFrame = MaxFrame;
next = 1;
}
if(bStart == 0)
{
bStart = 1;
setTimeout('fnToggle()', 6000);
return;
}
else
{
oTransContainer.filters[0].Apply();
document.images['oDIV'+next].style.display = "";
document.images['oDIV'+NowFrame].style.display = "none";
oTransContainer.filters[0].Play(duration=2);
if(NowFrame == MaxFrame)
NowFrame = 1;
else
NowFrame++;
} setTimeout('fnToggle()', 6000);
}
fnToggle();
</SCRIPT>
</TD></TR></TBODY></TABLE></BODY></HTML>
stefli 2004-08-04
http://www2.gliet.edu.cn/gdhq/kudesign/viewtut.asp?id=206
George173 2004-08-04
ding
JS实现图片切换和数字随图片变换 JS实现图片切换和数字随图片变换 1.添加6个圆形数字超链接，鼠标移动到数字区域，切换到数字对应的图片。 鼠标单击左右箭头时，切换图片的同时，图片对应的数字样式是也选中状态。
JavaScript实现鼠标滑过图片变换效果的方法 主要介绍了JavaScript实现鼠标滑过图片变换效果的方法,涉及javascript控制鼠标事件及样式变换的技巧,非常具有实用价值,需要的朋友可以参考下
transformation-matrix:用ES6语法编写的Javascript同构2D仿射变换。 使用这个经过全面测试的库来处理变换矩阵！-源码 用ES6语法编写的Javascript同构2D仿射变换。 使用这个经过全面测试的库来处理变换矩阵！ 变换（即线性可逆同构）用于将图片映射到另一张具有不同大小，位置和方向的图片。 在给定基础的情况下，通过平方的可逆矩阵...
js实现多张图片每隔一秒切换一张图片 本文实例为大家分享了js实现多张图片每隔一秒切换图片的具体代码，供大家参考，具体内容如下 <head> <meta charset="UTF-8"> <title></title> [removed][removed] </head> <...
记录3：复习：图片变换 图片变换</title> <style> .pic { width: 300px; height: 300px; margin-left: auto; margin-right: auto; } </style> </head> <body> <div class=...
图片旋转、鼠标滚轮缩放、镜像、切换图片js代码 本文实例为大家展示了图片旋转、鼠标滚轮缩放、镜像、切换图片多重效果，提供了详细的代码，分享给大家供大家参考，具体内容如下 具体代码： <...script type="text/javascript" src="js/abc.js
javascript入门图片对象(无刷新变换图片)\滚动图像 @LANGUAGE=”JAVASCRIPT” CODEPAGE=”936″%> <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”...
