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

很不错的一个广告效果，现在很多网站都在使用的，网页的顶部一个超大广告图片在网页打开时慢慢的由上直下的打开，等待几秒后，然后再慢慢的收缩回去，直到消失为止，边上还自带了关闭按钮，一点不影响玩网站的美观和原来的位置。

<!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>一个Banner广告收缩效果站长学院 www.pigzz.com</title>
   <style type="text/css">
   *{margin:0; padding:0;}/*为了方便直接这样重置了*/
   #main{margin:0 auto; width:960px;}
   #banner{display:none; margin:0 auto; width:960px; height:160px; background:url(http://www.pigzz.com/images/1.gif) no-repeat; position:relative;}
   #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;}
   </style>
   <script type="text/javascript" src="http://www.codefans.net/ajaxjs/jquery1.3.2.js"></script>
   <script type="text/javascript">
   $
   (
   function()
   {
   $("#banner").slideDown();
   var Up=function(){$("#banner").slideUp(1500)}
   setTimeout(Up,3000);
   $("#close").click
   (
   function()
   {
   $("#banner").slideToggle
   (
   600,function()
   {
   if($("#banner").css("display") == "none")
   {
   $("#close").text("打开");
   }
   else
   {
   $("#close").text("关闭");
   }
   }
   );
   }
   );
   }
   );
   </script>
   </head>
   <body>
   <div id="main">
   <div id="banner"></div>
   <span id="close">关闭</span>
   </div>
   </body>
   </html>

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

Android 实现类似于QQ空间相册的点击图片放大，再点后缩小回原来位置
前几天看到了有人在android5.0上实现了如下图一样的效果,我自己就去搜了下.参考了国外一篇文章和国内的一篇文章,最终实现了想要的效果.具体参考的网址我已经贴到文章末尾,大家可以去英文的那个网站看 ...
图片放大后都是马赛克怎么办？
图片放大后都是马赛克怎么办?相信大家都有遇到过这样的问题,像素较低的图片放大后变得非常的模糊,图片上有很多的小格子就像打了马赛克一样,这是由于图片尺寸放大后图片失真导致的.遇到这种情况让人感觉很苦恼, ...
如何使图片放大后依然清晰？
如何使图片放大后依然清晰?无论你在工作中还是在学习中比如做PPT.pdf.word文件等,都会使用不少的图片素材,如果图片素材的尺寸太小就需要放大处理,但是很多时候会因为放大的图片变得不清晰而都导致不 ...
首页banner广告图片轮换超炫效果代码
原文:首页banner广告图片轮换超炫效果代码源代码下载地址:http://www.zuidaima.com/share/1745329876454400.htm 兼容IE.火狐.谷歌.360.猎豹 ...
jquery banner广告图片左右切换,模仿实现支付宝广告效果
原文:jquery banner广告图片左右切换,模仿实现支付宝广告效果源代码下载地址:http://www.zuidaima.com/share/1771186023091200.htm 由最代码 ...
把图片放大后还很清晰的办法
不知道在座的小伙伴们有没有遇到过这种绝望的时候,好不容易在网上下载到一张合适的图片素材,用来工作中使用,但是图片尺寸太小,将图片放大后却变得很模糊,没办法继续使用,只能继续寻找另外的图片素材.图片放大 ...
图片放大后变得不清晰，很模糊怎么办？
不知道在座的小伙伴在日常的工作中有没有遇到过这样的苦恼,将需要使用的图片放大后变得不清晰,很模糊,导致这张图片素材无法使用,却一直找不到变清晰的方法.其实你是用错了图片放大的方法,如果你采用常用的方法 ...
php怎么banner指定超链接,巧用图片链接模块做banner广告图片，后台可更换图片
banner广告图片客户要自己更换怎么办,我们可以巧用图片链接模块做banner广告图片,让客户自己来更换banner广告图片.之前我做过一个简单实现广告图片后台更换教程,是用产品模块来实现的,拖拖 ...
图片放大后变模糊怎么办？
图片放大后变模糊怎么办?作为一名上班族,工作中难免要使用到图片素材,如果找到的图片素材尺寸不够,就需要将图片进行放大处理,但是当我们将图片尺寸放大后变得非常的模糊不清,图片就像有一层马赛克样子的格子, ...

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

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

最新文章

热门文章