常用到的飘窗代码

1 篇文章 0 订阅

<!--规范浮窗-->
<DIV id="flow" onMouseOver="javascript:moveflow=0;" onMouseOut="javascript:moveflow=1;" style="LEFT: 350px; WIDTH: 400px; POSITION: absolute; TOP: 147px; HEIGHT: 163px; <!--background-color: #EFEFEF; layer-background-color: #EFEFEF; background-color:#7EF030; layer-background-color: #7EF030;  border: 1px none #000000; --> border:none; background-color:transparent; z-index:999; visibility:visible">
  <DIV align=left>
    <table border="0" width="300" height="163" cellspacing="0" cellpadding="0" style="border-collapse: collapse" bordercolor="#C0C0C0">
          <tr height="10">
                  <td><span id="guanbi" οnclick='javascript:(document.getElementById("flow")).style.display="none";'><font color="black">关闭</font></span>
                  </td>
                  </tr>
                  <tr height="153">
            <td>
            <p align="center">
            <map name="FPMap1">  
             <area onFocus="blur()" href="#" target="_blank" shape="rect" coords="0,0,400,153" />
        
            </map>
        <img style="cursor: hand;" border="0" src="im.png" width="300" height="239" usemap="#FPMap1"   /> 
                   
                                              
               </td>
        </tr>
    </table>
  </DIV>
</DIV>
 
 
<script language="javascript">
var xPos = 350; 
var yPos = 200; 
var step = 1; 
var delay = 30; 
var height = 0; 
var Hoffset = 0; 
var Woffset = 0; 
var yon = 0; 
var xon = 0; 
var pause = true; 
var interval;
var moveflow=1; 
flowE=document.getElementById("flow");
flowE.style.top = yPos+"px";
 
function changePos() { 
width = document.body.clientWidth; 
height = document.body.clientHeight; 
Hoffset = flowE.offsetHeight; 
Woffset = flowE.offsetWidth; 
flowE.style.left = (xPos + document.body.scrollLeft)+"px"; 
flowE.style.top = (yPos + document.body.scrollTop)+"px"; 
if (moveflow==1){
    if (yon) {
        yPos = yPos + step;
        } 
    else {
        yPos = yPos - step;
        } 
    if (yPos < 0) { 
        yon = 1; 
        yPos = 0; 
        } 
    if (yPos >= (height - Hoffset)) { 
        yon = 0; 
        yPos = (height - Hoffset); 
        } 
    if (xon) { 
        xPos = xPos + step; 
        } 
    else { 
        xPos = xPos - step; 
        } 
    if (xPos < 0) { 
        xon = 1; 
        xPos = 0; 
        } 
    if (xPos >= (width - Woffset)) { 
        xon = 0; 
        xPos = (width - Woffset); 
        }
    } 

 
function start() {
flowE.style.visibility = "visible";
//flowE.style.visibility = "hidden";
interval = setInterval('changePos()', delay); 

start();
</script>
<!--规范浮窗-->

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

nanj

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值