QQ登录

只需一步,快速开始

登录 | 立即注册 | 找回密码 | 其他账号登陆

小佳娱乐网_最专业的资源收集分享平台 有图有质量的资源教程源码分享,小刀娱乐网,爱Q生活网,小K娱乐网,免费QQ资源,小佳资源网,

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 3464|回复: 0

顶部BANNER广告图片放大后再自动缩小消失

[复制链接]

1143

主题

1149

帖子

3999万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
39993438

最佳新人活跃会员热心会员推广达人宣传达人灌水之王突出贡献优秀版主荣誉管理论坛元老

发表于 2016-9-6 13:54:40 | 显示全部楼层 |阅读模式
  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.     <title>小佳娱乐网www.xiaojiayl.com</title>
  5.     <style type="text/css">
  6.     *{margin:0; padding:0;}/*为了方便 直接这样重置了*/
  7.     #main{margin:0 auto; width:960px;}
  8.     #banner{display:none; margin:0 auto; width:960px; height:100px; background:url(http://i4.tietuku.cn/f0886ef03d05597c.gif) no-repeat; position:relative;}
  9.     #close{display:block; width:50px; height:22px; text-align:center; line-height:22px; border:1px #ddd solid; background:#000; color:#fff; font-size:12px; float:right; cursor:pointer;}
  10.     </style>
  11.     <script type="text/javascript" src="http://www.codefans.net/ajaxjs/jquery1.3.2.js"></script>
  12.     <script type="text/javascript">
  13.     $
  14.     (
  15.     function()
  16.     {
  17.     $("#banner").slideDown();
  18.     var Up=function(){$("#banner").slideUp(1500)}
  19.     setTimeout(Up,3000);
  20.     $("#close").click
  21.     (
  22.     function()
  23.     {
  24.     $("#banner").slideToggle
  25.     (
  26.     468,function()
  27.     {
  28.     if($("#banner").css("display") == "none")
  29.     {
  30.     $("#close").text("打开");
  31.     }
  32.     else
  33.     {
  34.     $("#close").text("关闭");
  35.     }
  36.     }
  37.     );
  38.     }
  39.     );
  40.     }
  41.     );
  42.     </script>
  43.     </head>
  44.     <body>
  45.     <div id="main">
  46.     <div id="banner"></div>
  47.     <span id="close">关闭</span>
  48.     </div>
  49.     </body>
  50.     </html>
复制代码

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Powered by XiaoJia X3.4

© 2016-2050 WWW.XIAOJIAYL.COM

快速回复 返回顶部 返回列表