[分享] 右下角弹窗代码（可设置提醒留言）

Xclub

透明背景右下角弹窗代码，放第三方

1.     <style type="text/css">
   
2.     <!--
   
3.        *{margin:0;padding:0;}
   
4.        body{text-align:center;}
   
5.        #main #scroll{width:250px;height:150px;border:green 1px solid;text-align:left;position:absolute;visibility:hidden;}
   
6.        #main #scroll #open{float:left;text-align:center;width:180px}
   
7.        #main #scroll #close{float:right;}
   
8.        #msg #icos{width:250px;height:25px;background:#FECD00;position:absolute;}
   
9.      // -->
   
10.     </style>
    
11.    
    
12.   
    
13.     <div id="main">
    
14.   <a href="http://szpne.5d6d.com">*</a>
    
15.            <div id="scroll"><div id="open" onmouseover="openbox();"> <a href="http://xclub.weclub.info" onclick="openbox()">给Xclub!留言</a><div id="close" class="szpne"><marquee align="left" onmouseover=stop() onmouseout=start()>Xclub!提示您：这里可以写留言的啦</marquee></div> </div>
    
16.             
    
17.                             <div id="close"><a href="#" onclick="closebox()" >关闭</a>
    
18.                           
    
19. <script type="text/javascript">
    
20.      <!--
    
21.        var scroll=document.getElementById("scroll")
    
22.        var main=document.getElementById("main")
    
23.        var open=document.getElementById("open")
    
24.        var close=document.getElementById("close")
    
25.       
    
26.        scroll.style.visibility="visible"
    
27.       function runright()
    
28.        {
    
29.          
    
30.                   scroll.style.top=document.body.scrollTop+document.body.clientHeight-scroll.clientHeight-4+"px"
    
31.          scroll.style.left=document.body.scrollLeft+document.body.clientWidth-scroll.clientWidth-4+"px"
    
32.         
    
33.          setTimeout("runright()",30)
    
34.          }
    
35.          
    
36.    
    
37.   
    
38.       function closebox()
    
39.       {
    
40.         
    
41.         scroll.style.height=scroll.offsetHeight-4+"px"
    
42.       
    
43.         if (scroll.offsetHeight>20)
    
44.          {
    
45.         setTimeout("closebox()",5)
    
46.          }
    
47.         else
    
48.          {
    
49.             close.style.visibility="hidden"
    
50.          }
    
51.       
    
52.       }
    
53.       function openbox()
    
54.       {
    
55.          
    
56.         
    
57.         if (scroll.offsetHeight<148)
    
58.          {
    
59.             close.style.visibility="visible"
    
60.         scroll.style.height=scroll.offsetHeight+2+"px"
    
61.         setTimeout("openbox()",5)
    
62.          }
    
63.       
    
64.       }
    
65.      
    
66.       runright();
    
67.      // -->
    
68.   
    
69. </script>
    
70.               </div>
    
71. </div>
    
72. </div>
    
73.          
    
74.   

複製代碼

kaixin666

謝謝分享