打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
带关闭按钮的悬浮层
<div id="FloatDIV" style="top:0px;left:0px;position: absolute;top: 0px; border-right: activeborder 0px solid;
border-top: activeborder 0px solid; border-left: activeborder 0px solid; border-bottom: activeborder 0px solid;">
 <a href="Recruitment_hot.php"><img id="imgs" src="img/gg.jpg" alt="迪普科技" /></a>
 <div style="float:left; cursor:pointer; font-size:-1 " onclick="hide()">关闭</div>
</div>
<script language="javascript" type="text/javascript">
var MarginLeft = 5;   //浮动层离浏览器右侧的距离
var MarginTop = 120;     //浮动层离浏览器顶部的距离
var Width = 120;        //浮动层宽度
var Heigth= 45;        //浮动层高度
//设置浮动层宽、高
function Set()
{
    document.getElementById("FloatDIV").style.width = document.getElementById("imgs").style.width;
    document.getElementById("FloatDIV").style.height = document.getElementById("imgs").style.width;
}
//实时设置浮动层的位置
function Move()
{

 if($.browser.webkit){
  document.getElementById("FloatDIV").style.top = document.body.scrollTop + MarginTop + "px";
     document.getElementById("FloatDIV").style.left = document.body.clientWidth - Width - MarginLeft + "px";
 }else{
  document.getElementById("FloatDIV").style.top = document.documentElement.scrollTop + MarginTop + "px";
     document.getElementById("FloatDIV").style.left = document.documentElement.clientWidth - Width - MarginLeft + "px";
 }
    setTimeout("Move();",100);
}
function hide(){
 document.getElementById("FloatDIV").style.display="none";
}
Set();
Move();
</script>
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
JS实现DIV层随滚动条滚动
div切换版面
css+JavaScript控制图片不变形
CSS类的操作
JavaScript(二)
QQ空间背景制作
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服