资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
js实现的层变换效果
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <style type="text/css"> #div1{ height:200px;width:200px; filter:progid:DXImageTransform.Microsoft.RevealTrans(duration=1,transition=12); background:#CCCCCC; } </style> </head> <body> <div id="div1"> </div> </body> </html> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22javascript%22%20type%3D%22text%2Fjavascript%22%3E%20%0D%0A%3C!--%20%0D%0Atemp%20%3D%201%3B%20%0D%0Afunction%20playIt()%7B%20%0D%0A%20%20%20%20var%20div1%20%3D%20document.getElementById(%22div1%22)%3B%20%0D%0A%20%20%20%20div1.filters%5B0%5D.apply()%3B%20%0D%0A%20%20%20%20if(temp%20%3D%3D%200)%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20div1.innerHTML%20%3D%20%22%3Ctable%20style%3D'background%3A%23ffcccc%3B'%3E%3Ctr%3E%3Ctd%20width%3D200%20height%3D200%3E222222222%3C%2Ftd%3E%3C%2Ftr%3E%3C%2Ftable%3E%22%3B%20%0D%0A%20%20%20%20%20%20%20%20temp%20%3D%201%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20else%20%0D%0A%20%20%20%20%7B%20%0D%0A%20%20%20%20%20%20%20%20div1.innerHTML%20%3D%20%22%3Ctable%20style%3D'background%3A%23ccccff%3B'%3E%3Ctr%3E%3Ctd%20width%3D200%20height%3D200%3E111111111%3C%2Ftd%3E%3C%2Ftr%3E%3C%2Ftable%3E%22%3B%20%0D%0A%20%20%20%20%20%20%20%20temp%20%3D%200%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20div1.filters%5B0%5D.play()%3B%20%0D%0A%7D%20%0D%0Awindow.setInterval(playIt%2C5000)%3B%20%0D%0A%2F%2F--%3E%20%0D%0A%3C%2Fscript%3E">
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程