JavaScript 由左向右的图片渐变过渡
2016-07-11 11:05
555 查看
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>由左向右的图片渐变</title>
</head>
<body>
<table width="778" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><div id=oTransContainer
style="FILTER: progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0,wipeStyle=0, motion='forward'); WIDTH: 165px; HEIGHT: 103px"><a
href="/"
target=_blank><img class=pic id=oDIV1
style="BORDER-RIGHT: white 1px solid; BORDER-TOP: white 1px solid; BORDER-LEFT: white 1px solid; BORDER-BOTTOM: white 1px solid"
height=150 src="01.jpg"
border=0>
<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()', 2000);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>
</a><a
href="/"
target=_blank><img class=pic id=oDIV2
style="BORDER-RIGHT: white 1px solid; BORDER-TOP: white 1px solid; DISPLAY: none; BORDER-LEFT: white 1px solid; BORDER-BOTTOM: white 1px solid"
height=150 src="02.jpg"
border=0></a><a
href="/"
target=_blank><img class=pic id=oDIV3
style="BORDER-RIGHT: white 1px solid; BORDER-TOP: white 1px solid; DISPLAY: none; BORDER-LEFT: white 1px solid; BORDER-BOTTOM: white 1px solid"
height=150 src="03.jpg"
border=0></a></div></td>
</tr>
</table>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>由左向右的图片渐变</title>
</head>
<body>
<table width="778" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><div id=oTransContainer
style="FILTER: progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0,wipeStyle=0, motion='forward'); WIDTH: 165px; HEIGHT: 103px"><a
href="/"
target=_blank><img class=pic id=oDIV1
style="BORDER-RIGHT: white 1px solid; BORDER-TOP: white 1px solid; BORDER-LEFT: white 1px solid; BORDER-BOTTOM: white 1px solid"
height=150 src="01.jpg"
border=0>
<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()', 2000);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>
</a><a
href="/"
target=_blank><img class=pic id=oDIV2
style="BORDER-RIGHT: white 1px solid; BORDER-TOP: white 1px solid; DISPLAY: none; BORDER-LEFT: white 1px solid; BORDER-BOTTOM: white 1px solid"
height=150 src="02.jpg"
border=0></a><a
href="/"
target=_blank><img class=pic id=oDIV3
style="BORDER-RIGHT: white 1px solid; BORDER-TOP: white 1px solid; DISPLAY: none; BORDER-LEFT: white 1px solid; BORDER-BOTTOM: white 1px solid"
height=150 src="03.jpg"
border=0></a></div></td>
</tr>
</table>
</body>
</html>
相关文章推荐
- JavaScript动态控制图片透明度的变化
- JavaScript 图片滚动(绝对酷)
- JavaScript 生成弹性透明的图片放大代码
- Javascript 仿Flash图片轮翻
- 第一个javaScript
- (javascript)自己的代码积累
- 动态请求
- js在线编辑器
- JavaScript的格式--从格式做起,做最严谨的工程师
- JavaScript的数据类型---最全,最详细的数据类型,高级的工程师从数据类型开始
- JavaScript表达式--掌握最全的表达式,一切尽在掌握中,让表达不再是难事
- .net实体类与json相互转换
- charCount.js实现输入文字限制
- 判断输入的字符串是否是日期格式的简单方法
- javascript运算符
- Js运动动画系列2--透明度动画
- JS判断日期格式是否合法的简单实例
- 深入浅析JavaScript中的scrollTop
- JavaScript中的setInterval用法
- SSH环境 jsp url跳转,带中文参数乱码问题