zoukankan      html  css  js  c++  java
  • jquery之鼠标移动[沸腾京东]


    $(function () {

        var d1left = $("#d1").offset().left;
        var d2left = $("#d2").offset().left;
        var d3left = $("#d3").offset().left;
        var d4left = $("#d4").offset().left;
        var longSleft = $("#longS").offset().left;
        var longTleft = $("#longT").offset().left;
        var longTtop = $("#longT").offset().top;
        var longFireleft = $("#longFire").offset().left;
        var longFiretop = $("#longFire").offset().top;


        $("#divbody").mousemove(function (e) {
            var xbfb = (e.pageX / $("body").width() * 200 - 100) * 0.01;//屏幕宽百分比
            var xbfbh = (e.pageY / $("body").height() * 200 - 100) * 0.01;//屏幕宽百分比
           
            $("#d1").css("left", d1left + (50 * xbfb));
            $("#d2").css("left", d2left + (100 * xbfb));
            $("#d3").css("left", d3left + (80 * xbfb));
            $("#d4").css("left", d4left + (40 * xbfb));
            $("#longS").css("left", longSleft + (45 * xbfb));        


            $("#longT").css("left", longTleft + (25 * xbfb));
            $("#longT").css("top", longTtop + (25 * xbfbh));


            $("#longFire").css("left", longFireleft + (90 * xbfb));
            $("#longFire").css("top", longFiretop + (90 * xbfbh));
        });  
    })

  • 相关阅读:
    Mysql备份工具xtraback全量和增量测试
    Linux进程管理四大工具ps dstat top htop
    Linux Netcat 命令——网络工具中的瑞士军刀
    Linux 下载工具 aria2
    C语言宏基础总结
    使用浏览器做编辑器
    设计模式(1)
    OpenGL 编程(1)
    使用ffmpeg推流
    FFMPEG 解码和编码(编码mjpeg)
  • 原文地址:https://www.cnblogs.com/cxd1008/p/6372446.html
Copyright © 2011-2022 走看看