<a class="index_piaoc" href="" id="index_piaoc">
<div class="index_piaoc_box">
<div class="index_piaoc_con_tit">变更通知</div>
<div class="index_piaoc_con_c">协理员笔试准考证</div>
<div class="index_piaoc_con_c">领取时间更改为</div>
<div class="index_piaoc_con_btn">2020年6月19日</div>
</div>
</a>
<style>
.index_piaoc {width: 120px;height: 120px;background: #ffbd4a;text-align: center;display: block;text-decoration: none;color: #333;position: fixed;z-index: 10000;}
.index_piaoc_con_tit {font-size: 18px;font-weight: bold;}
.index_piaoc_box {padding: 12px 5px 10px 5px;}
.index_piaoc_con_c {font-size: 12px;margin-top: 5px;}
.index_piaoc_con_btn {background: #fff;border-radius: 5px;padding: 1px 4px;font-size: 12px;width: 87px;margin: auto;margin-top: 10px;}
</style>
<script>
var ggRoll={
roll:document.getElementById("index_piaoc"),
speed:3,
statusX:1,
statusY:1,
x:100,
y:300,
winW:document.documentElement.clientWidth-document.getElementById("index_piaoc").offsetWidth,
winH:document.documentElement.clientHeight-document.getElementById("index_piaoc").offsetHeight,
Go: function () {
this.roll.style.left = this.x + 'px';
this.roll.style.top = this.y + 'px';
this.x = this.x + (this.statusX ? -1 : 1)
if (this.x < 0) { this.statusX = 0 }
if (this.x > this.winW) { this.statusX = 1 }
this.y = this.y + (this.statusY ? -1 : 1)
if (this.y < 0) { this.statusY = 0 }
if (this.y > this.winH) { this.statusY = 1 }
}
};
var interval=setInterval("ggRoll.Go()",ggRoll.speed);
ggRoll.roll.onmouseover=function(){clearInterval(interval)};
ggRoll.roll.onmouseout=function(){interval=setInterval("ggRoll.Go()",ggRoll.speed)};
</script>