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));
        });  
    })

  • 相关阅读:
    【娱乐向】制作Chrome天气预报扩展程序
    WCF入门四[WCF的通信模式]
    WCF入门三[WCF宿主]
    WCF入门二[WCF的配置文件]
    WCF入门一[WCF概述]
    通过Aspose.Word和ZXING生成复杂的WORD表格
    Dapper.Extension的基本使用
    startUML常用的组合片段
    Sublime Text 2 配置及其使用
    计算机领域会议汇总
  • 原文地址:https://www.cnblogs.com/cxd1008/p/6372446.html
Copyright © 2011-2022 走看看