当前位置：K88软件开发 → 文章中心 → 编程语言 → JavaScript → JS01 → 文章内容

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

减小字体 增大字体 作者：胡浪     来源：asp编程网  发布时间：2018-12-30 8:58:09

功能：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文件，运行一下就可以看到效果了。



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



[] [返回上一页] [打 印]

文章评论评论内容只代表网友观点，与本站立场无关！