在网站内单击时将 javascript 变量（trailimage）交换为另一个需要什么代码

Question

例如点击（onmousedown 或onclick）时，我想将javascript 中trailimge 的变量更改为另一个图像。你看，我有一个跟随光标坐标的图像（一只手）。单击后，我无法编码和更改当前图像以交换到另一个 trailimage。我还需要找到一种在取消点击时恢复到原始轨迹图像的方法。效果看起来就像是手在敲击或指向。

var trailimage=["images/contact/gardening-glove-cursor.png", , ]

我相信答案可能在某种形式的交换变量脚本中

例如

var a = 1,
b = 2;

var foo = 1;
var bar = 2;
foo = [bar, bar = foo][0];

Trailimage javascript 摘录

var trailimage=["images/contact/gardening-glove-cursor.png", , ]
var offsetfrommouse=[-110,5]
var displayduration=0

if (document.getElementById || document.all)
document.write('<div id="trailimageid" style="position:absolute;visibility:visible;left:0px;top:100px;width:1px;height:1px"><img border="0" src="'+trailimage[0]+'"></div>')

function followmouse(e){
var xcoord=offsetfrommouse[0]
var ycoord=offsetfrommouse[1]
if (typeof e != "undefined"){
xcoord+=e.pageX
ycoord+=e.pageY
}

</script>

Answer 1

试试这个

Fiddle

var trailimage = ["http://img2.wikia.nocookie.net/__cb20130626213446/elderscrolls/images/2/2d/TES3_Morrowind_-_Glove_-_Black_Left_Glove.png",
            "http://img2.wikia.nocookie.net/__cb20130626213454/elderscrolls/images/9/91/TES3_Morrowind_-_Glove_-_Black_Right_Glove.png"]
$(function() {
  $(".logo").attr("src",trailimage[0]);
  $(document).mousemove(function(e) {
    $('.logo').offset({
        left: e.pageX,
        top: e.pageY + 20
    });
  });
    $(document).on("mousedown",function() {
         $(".logo").attr("src",trailimage[1]);   
    })
    $(document).on("mouseup",function() {
         $(".logo").attr("src",trailimage[0]);   
    })
    
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<img class="logo" src="//ssl.gstatic.com/images/logos/google_logo_41.png" alt="glove" />

Answer 2

可能重复How do I change the style of the cursor with JQuery?

你可以这样指定

$('#trailimageid').css('cursor', 'url(' + trailimage[i] + ')');

假设 i 为数组索引

在网站内单击时将 javascript 变量（trailimage）交换为另一个需要什么代码

What code is required to swap a javascript variable (trailimage) to another when clicking within a website

javascript

variables

jquery

image

cursor