资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
jquery (show,fadeOut,Animate)简单效果
<!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> <title>jquery</title> <style type="text/css"><!-- #spanel,#showHide,#fadeout { width:200px; height:100px; background-color:Aqua; position:relative; cursor:pointer; font-size:12px; } --></style> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20src%3D%22http%3A%2F%2Fimg.glzy8.com%2Fjslib%2Fjquery%2Fjquery-1.3.2.min.js%22%20type%3D%22text%2Fjavascript%22%3E%3C%2Fscript%3E"> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%3C!--%20%0D%0A%0D%0A%0D%0A%24(function()%7B%20%0D%0A%2F%2F%E7%94%A8toggle%2Chide()%2Cshow()%E5%AE%9E%E7%8E%B0%E6%98%BE%E7%A4%BA%E4%B8%8E%E9%9A%90%E8%97%8F%20%0D%0A%24(%22%23showHide%22).toggle(function()%7B%20%0D%0A%24(this).hide(600)%20%0D%0A%7D%2Cfunction()%20%0D%0A%7B%20%0D%0A%24(this).show(600)%3B%20%0D%0A%7D%20%0D%0A)%3B%20%0D%0A%2F%2F%E4%BD%BF%E7%94%A8fadeout%2CfadeIn%E6%94%B9%E5%8F%98%E9%80%8F%E6%98%8E%E5%BA%A6%20%0D%0A%24(%22%23fadeout%22).toggle(function()%7B%20%0D%0A%24(this).fadeOut()%3B%20%0D%0A%7D%2Cfunction()%20%0D%0A%7B%20%0D%0A%24(this).fadeIn()%3B%20%0D%0A%7D%20%0D%0A)%3B%20%0D%0A%2F%2F%E4%BD%BF%E7%94%A8animate%E5%AE%9E%E7%8E%B0%E7%AE%80%E5%8D%95%E7%9A%84%E5%8A%A8%E7%94%BB%E6%95%88%E6%9E%9C%20%0D%0A%24(%22%23spanel%22).bind(%22click%22%2Cfunction()%7B%20%0D%0A%24(this).animate(%7Bleft%3A%22300px%22%2Cheight%3A%22100px%22%7D%2C3000)%3B%20%0D%0A%7D)%3B%20%0D%0A%7D)%3B%20%0D%0A%0D%0A%2F%2F%20--%3E%3C%2Fscript%3E"> </head> <body> <div id="showHide">show移上去看看</div> <p></p> <div id="spanel"> <h5>hello</h5> </div> <p></p> <div id="fadeout">fadeout淡出效果 淡出效果淡出效果淡出效果淡出效果淡出效果 淡出效果淡出效果淡出效果淡出效果 </div> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程