当前位置:asp编程网>技术教程>Javascript教程>  正文

jquery实现的图片动画效果的例子

2010-10-19 12:37:17   来源:www.aspprogram.cn    作者:胡浪   浏览量:1303   收藏

功能:Jquery实现的图片动画效果
开发:胡浪
网站:www.aspprogram.cn
原创文章,转载请保留此信息,谢谢。

XML/HTML Code复制内容到剪贴板
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
  5. <title>使用jquery实现的图片动画效果显示</title>  
  6. <script language="javascript" type="text/javascript" src="http://www.aspprogram.cn/js/jquery.min.js"></script>  
  7. <script language="javascript" type="text/javascript">  
  8. function ChangeDiv() {   
  9.     $('#oAdDiv').show(1000);   
  10.     setTimeout("HideDiv()", 5000)   
  11. }   
  12. function HideDiv() {   
  13.     $('#oAdDiv').hide(3000);   
  14. }   
  15. function ShowDiv() {   
  16.     setTimeout("ChangeDiv()", 2000)   
  17. }   
  18. ShowDiv();   
  19. </script>  
  20. </head>  
  21.   
  22. <body>  
  23. <div id="oAdDiv" align="center" style="display:none;">  
  24. <a href="http://www.aspprogram.cn/" target="_blank"><img src="http://www.aspprogram.cn/adv/asptool.gif" border="0" width="728" height="90"></a>  
  25. </div>  
  26. </body>  
  27. </html>

保存为html文件,运行一下就可以看到效果了。



关于我们-广告合作-联系我们-积分规则-网站地图

Copyright(C)2013-2017版权所属asp编程网