My Gaia Friends Full Avatar

View a friends full avatar on the My Gaia page

当前为 2018-09-19 提交的版本，查看最新版本。

换行

// ==UserScript==
// @name         My Gaia Friends Full Avatar
// @namespace   gaiaupgrade
// @match       https://*.gaiaonline.com/mygaia
// @version     1.0.1
// @grant       none
// @description View a friends full avatar on the My Gaia page
// ==/UserScript==

let avatarBox = document.querySelectorAll('.dropBox');

for(let box of avatarBox) {
	box.addEventListener('mouseenter', mouseenter);
  box.addEventListener('mouseleave', mouseleave);
}

function mouseenter(evt) {
  console.log(this)
  let avatar = this.querySelector('.avatarImage');
  let fullAviBox = this.appendChild(document.createElement('div'));
  fullAviBox.className = 'fullavi';
  fullAviBox.style = 'position:absolute;bottom:0;left:0;background:#efffdf;border:1px solid #90c085';
  let username = fullAviBox.appendChild(document.createElement('span'));
  username.className = 'user_name';
  username.appendChild(document.createTextNode(avatar.offsetParent.querySelector('.user_name').textContent));
  let fullAvi = fullAviBox.appendChild(document.createElement('img'));
  fullAvi.src = avatar.src.replace('48x48.gif', 'flip.png');
}

function mouseleave(evt) {
  console.log(this.querySelector('.fullavi'))
  this.querySelector('.fullavi').remove();
}