zoukankan      html  css  js  c++  java
  • DIV随滚动条滚动而滚动

        <script type="text/javascript" src="Js/jquery-1.7.2.min.js"></script>
        <script type="text/javascript">
            $(function() {
                $(window).scroll(function() {
                    var top = $(window).scrollTop()+200;
                    var left= $(window).scrollLeft()+320;
                    $("#editInfo").css({ left:left + "px", top: top + "px" });
                });
            });
        </script>

        <div id="editInfo" style="float:left;300px;background-color:#ccc;position:absolute;top:200px;">
            <div>用户名:<input type="text" /></div>
            <div>密码:<input type="text" /></div>
            <div>年龄:<input type="text" /></div>
            <div>备注:<input type="text" /></div>
            <div><input type="button" value="保存" /></div>
        </div>

        记得以前写这样的代码比较麻烦,现在有了JQuery简单多了,就几行代码搞定!

  • 相关阅读:
    计网:传输层
    计网:网络层
    codeblocks 的安装与初体验
    二叉排序树的建立
    使用颜色空间进行图像分割
    密码学笔记
    Git笔记
    SVM笔记
    GAN笔记——理论与实现
    leetcode(三)
  • 原文地址:https://www.cnblogs.com/jason819/p/2597583.html
Copyright © 2011-2022 走看看