免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
返回列表 發帖

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

透明背景右下角弹窗代码,放第三方
  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.   
複製代碼

謝謝分享

TOP

返回列表