https://www.yangguangdream.com/zb_users/plugin/ygmx_kbn/2233/js/2233.js

1  
2    var home_Path = 'https://www.yangguangdream.com/'
3$(function(){
4	var atdiv=$("body");
5	
6	//元素最外侧的div
7	 var landlord = $('<div id="landlord" style=""></div>');
8	
9	 //landlord.append('<div class="message" style="opacity: 0;"></div>');
10	 landlord.append('<span id="umaruloading">Loading...</span>');
11	 landlord.append('<div class="message"></div>');
12     landlord.append('<canvas id="live2d" width="230" height="345" style="opacity:0.7;left: 5%;bottom: 11%;" class="live2d"></canvas>');
13     landlord.append('<div class="hide-button" style="display: none;">隐藏</div>');
14	//$("body").append('<canvas id="live2d" width="280" height="375" class="live2d"></canvas>');
15	if(atdiv.width()>1010){
16	$("body").append(landlord);
17		
18		
19		
20		
21		
22			loadlive2d("live2d", home_Path+"zb_users/plugin/ygmx_kbn/2233/models/config.json");
23				$("#umaruloading").hide();
24	}
25	
26    var odiv=landlord;
27		
28    odiv.mousedown(function (ev) {
29        odiv.css({"cursor":"move"});
30        var event = window.event || ev;
31        // 获取屏幕中可视化的宽高的坐标
32        var oset=odiv.offset();
33        var dx = event.clientX - oset.left;
34        var dy = event.clientY - oset.top;
35        console.log(event);
36        console.log(dy)
37        //实时改变目标元素odiv的位置
38        document.onmousemove = function (ev) {
39            var event = window.event || ev;
40            //odiv.style.left = event.clientX - dx + 'px';
41            //odiv.style.top = event.clientY - dy + 'px';
42            odiv.css({"left":event.clientX - dx + 'px',"top": event.clientY - dy + 'px'});
43        }
44
45        //抬起停止拖动
46        document.onmouseup = function () {
47            document.onmousemove = null;
48            document.onmouseup = null;
49            odiv.css({"cursor":"default"});
50        }
51    });
52    
53});
54