求一个uc脚本例子，能在页面上让图片，或者文字跟随光标走的。。。

楼主^#

更多发布于：2016-01-07 16:19

小弟C++/VC/MFC认识一些皮毛，
有个需求：想让一个浮动banner在页面上跟随鼠标走动，这个banner条可以显示一些数据。。。
这个需求很小，看了一下JavaScript的基础还能看明白，在Chrome的基础上调用XPCOM做数据处理。。
但越了解下去，这个需求貌似要运用到CSS，DIV这些界面编辑的事情了，要做的出来恐怕时间成本很大。。。
不知道有无类似的代码可以参考一下呢？
现在我只想让一个PNG，或者text跟着飘就行了。。。。

不胜感激！！！

喜欢0

taoww

非常火狐

UID39284
注册日期2013-03-18
最后登录2024-05-16
发帖数634
经验580枚
威望0点
贡献值110点
好评度104点

加关注写私信

1楼^#

发布于：2016-01-07 20:07

你为什么会想要这种十多年前流行的网页特效呢？
gm脚本如下

// ==UserScript==
// @name        呵呵
// @namespace   www.firefox.net.cn
// @include     http*://www.firefox.net.cn/*
// @version     1
// @grant       none
// ==/UserScript==
      
document.documentElement.addEventListener("mouseover", function(e) {
  var div = document.getElementById("fbm");
  if (div == null) {
    div = document.createElement("div");
    div.id = "fbm";
    div.innerHTML = 'Big Brother is watching you&lt;br&gt;&lt;img height=150 src="http://cpc.people.com.cn/NMediaFile/2012/1115/MAIN201211151844000260154840962.jpg"&gt;';
    div.style.position = "fixed";
    div.style.zIndex = 99999;
    document.body.appendChild(div);
  }
  div.style.left = e.clientX + "px";
  div.style.top = e.clientY + "px";
}, false);

回复喜欢

pppguest3962

狐狸大王

UID26872
注册日期2008-11-01
最后登录2023-08-16
发帖数343
经验158枚
威望0点
贡献值236点
好评度5点

加关注写私信

2楼^#

发布于：2016-01-07 22:01

谢谢，先收了！稍会儿认真学习。
回到您的问题：最终我是需要有个类似于苹果手机上悬浮的那种辅助菜单按钮，现在目前都没有这种扩展，所以我想自己做算了。
大概这样子，
1、鼠标在动，悬浮菜单按钮原地不动,或者hide，或者半透明。
2、鼠标静止了(设定timer阈值)，菜单按钮飘去当前鼠标的pos x+25pix，pos y-25pix的位置，半透明。
3、在静止期间，鼠标划过落入菜单按钮范围，菜单按钮明晰化，菜单按钮原地不动，点击上面的功能键，调用函数实现功能。
4、回到1

回复喜欢