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>
    

      

  • 相关阅读:
    WEB前端第十九课——雪碧图&滑动门
    近期网上资源收集(一)
    飞利浦 PHILIPS 电动牙刷HX6730 拆解
    webvtt字幕转srt字幕的python程序(附改名程序)
    [转载]Core Elements of a Program
    反正也没人看
    open read split
    蛋疼的二分法死循环
    leetcode ex3 找出穿过最多点的直线 Max Points on a Line
    leetcode AC1 感受
  • 原文地址:https://www.cnblogs.com/jinbiao/p/2244169.html
Copyright © 2011-2022 走看看