zoukankan      html  css  js  c++  java
  • JS浮动层(右侧)

    一、把以下代码插入<body></body>标签中:
        <div id="FloatDIV" style="position: absolute;top: 0px; border-right: activeborder 1px solid; border-top: activeborder 1px solid; border-left: activeborder 1px solid; border-bottom: activeborder 1px solid;">
            
    &nbsp;浮动层示例:<br />
            
    &nbsp; &nbsp; &nbsp; <target="_blank" href="tencent://message/?uin=101535223&Site=http://www.jailusd.com&Menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=1:101535223:3" alt="有事您说话"></a>
        
    </div>

    二、把以下代码插到</body>标签之后,设置MarginLeft、MarginTop、Width、Heigth四个变量的值

    <script language="javascript" type="text/javascript">
    var MarginLeft = 30;   //浮动层离浏览器右侧的距离
    var MarginTop = 50;     //浮动层离浏览器顶部的距离
    var Width = 120;        //浮动层宽度
    var Heigth= 45;        //浮动层高度

    //设置浮动层宽、高
    function Set()
    {
        document.getElementById(
    "FloatDIV").style.width = Width;
        document.getElementById(
    "FloatDIV").style.height = Heigth;
    }


    //实时设置浮动层的位置
    function Move()
    {
        document.getElementById(
    "FloatDIV").style.top = document.documentElement.scrollTop + MarginTop;
        document.getElementById(
    "FloatDIV").style.left = document.documentElement.clientWidth - Width - MarginLeft;
        setTimeout(
    "Move();",100);
    }


    Set();
    Move();
    </script>
    玉环人才吧 玉环人才网 玉环人力网 玉环招聘网 三支脚人才网

    玉环人力网(又名玉环人才网)是玉环人才吧旗下一流的玉环人力资源招聘行业服务品牌,汇集海量玉环人才,开放玉环人才简历和玉环岗位,提供玉环招聘网,玉环人才市场动态行情,玉环劳务派遣,玉环培训等,是玉环最大的人才网站。

  • 相关阅读:
    CSS盒子模型
    CSS
    html基础
    浅谈三层架构
    mysql更改表结构:添加、删除、修改字段、调整字段顺序
    类的高级概念
    无锁版以时间为GUID的方法
    以当前时间作为GUID的方法
    关于客户定制化软件的探讨
    关于敏捷的一点想法
  • 原文地址:https://www.cnblogs.com/taizhouxiaoba/p/1384545.html
Copyright © 2011-2022 走看看