js+css实现全屏浮动可关闭广告条代码-html代码-BFW代码库

js+css实现全屏浮动可关闭广告条代码

代码语言：html

所属分类：其他

代码描述：js+css实现全屏浮动可关闭广告条代码，鼠标悬浮停止

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE HTML>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <style type="text/css">
        div#roll {
        				width: 200px;
        				height: 100px;
        				color: #fff;
        				background: url(//repo.bfw.wiki/bfwrepo/image/621b27f487859.png) no-repeat;
        				position: absolute;
        				font-size: 22px;
        				word-break: break-all;
        				line-height: 50px;
        				text-align: center;
        			}
        			#btnx{
        				position: absolute;
        				bottom: 0;
        				right: 0;
        			}
    </style>
</head>

<body>
    <div id="roll">活动<br>优惠
        <button type="button" id="btnx">x</button>
    </div>
    <script type="text/javascript">
        var ggRoll = {
        				roll: document.getElementById("roll"),
        				speed: 20,
        				statusX: 1,
        				statusY: 1,
        				x: 0,
        				y: 200,
        				winW: document.documentElement.clientWidth - document.getElementById("roll").offsetWidth,
        				winH: document.documentElement.clientHeight - document.getE.........完整代码请登录后点击上方下载按钮下载查看