zoukankan      html  css  js  c++  java
  • 下拉广告`

    PE HTML>
    <html>
    <head>
    <meta charset="gb2312">
    <title>广告`</title>
    <link rel="stylesheet" href="http://a.tbcdn.cn/apps/dts/th3/css/public.css" />
    <script src="http://a.tbcdn.cn/apps/dts/th3/js/jquery.js"></script>
     
    </head>
    
    <body>
     
     
    <div class="taohua_ad_banner_top" style="background-color: rgb(0, 0, 0); text-align: center; display: none; ">
    	<a href="http://www.taohua.com/act.htm?id=prhp7pre" target="_blank">
    		<img src="http://img04.taobaocdn.com/tps/i4/T1oH9zXjhQXXXXXXXX-1000-300.jpg" alt="" style="1000px;height:300px;" usemap="#map" title="哈利.波特与死亡圣器(下)">
    		<map name="map">
    			<area shape="rect" coords="930,11,979,34" href="#" style="cursor:pointer;outline:none;" id="close_ad">
    		</map> 
    	</a>
    </div>
    
    <script type="text/javascript">
    
    	jQuery(function(){
    
    		var jq_ad_banner_top = jQuery('.taohua_ad_banner_top'),
    
    			timeid = null;		
    
    
    		setTimeout(function(){	jq_ad_banner_top.slideDown(1000)},1000);//页面加载完了再加载
    
    		
    
    		timeid = setTimeout(function(){close_ad_banner();},10000);//10s后自动关闭
    
    		
    
    		function close_ad_banner() {//关闭函数
    
    			jq_ad_banner_top.slideUp(1000);
    
    		}
    
    		
    
    		jq_ad_banner_top.mouseenter(function() {
    
    			if(timeid) {
    
    				clearTimeout(timeid);
    
    			}
    
    		})
    
    		
    
    		jq_ad_banner_top.mouseleave(function() {
    
    			timeid = setTimeout(function(){close_ad_banner();},3000);
    
    		})
    
    		
    
    		jQuery('#close_ad').click(function(e){
    
    			e.stopPropagation();
    
    			e.preventDefault();						
    
    			close_ad_banner();			
    
    		})
    
    	})
    
    </script>
    

      

  • 相关阅读:
    4.方向-世界坐标系
    3.Unity3d物体操作常用按键
    2.Unity3d常用按键
    1.Unity3d的新建场景和保存场景
    MySQL CodeFirst的配置与注意事项
    HNU暑假训练第一场C.Ninja Map
    牛客暑假多校第二场J-farm
    牛客暑假多校第一场J-Different Integers
    主席树设计与实现
    博弈论的一些理解
  • 原文地址:https://www.cnblogs.com/jinbiao/p/2244169.html
Copyright © 2011-2022 走看看