码迷,mamicode.com
首页 > 其他好文 > 详细

底部广告弹出

时间:2017-04-19 00:32:41      阅读:119      评论:0      收藏:0      [点我收藏+]

标签:img   height   pos   url   log   广告   logs   jquer   cti   

1,思路:

    当你打开页面的时候广告弹出

    但你点击关闭的时候,广告消失

2,html代码

1 <div class="a">
2 <span></span>  
3 </div>

3,css代码

 1 .a{
 2     position:fixed;
 3     right:0;
 4     bottom:0;
 5     width:40px;
 6     height:40px;
 7     background:url("../img/1.jpg");
 8     display:none;          
 9 }
10 .a span{
11    position:absolute;
12    right:0;
13    top:0;
14     width:40px;
15     height:40px;
16     background:url("../img/2.jpg");//这是上边那个关闭图片  
17 }

4,jQuery代码

1 $(function(){
2      $(".a")
3       .slideDown()
4       .slideUp(1000)
5       .fadeIn(1000)
6       .find("span").click(function(){
7              $(this).parent().fadeOut();
8 })   
9 })    

 

底部广告弹出

标签:img   height   pos   url   log   广告   logs   jquer   cti   

原文地址:http://www.cnblogs.com/caixiufang/p/6731227.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!