Question

我有以下代码，我想在我的Wordpress网站中实现，以便有一个自定义鼠标指针。

我会在哪里插入此代码？进入index.php文件本身？或者单独的文本文件？

谢谢

$(document).ready(function() { 

    $(document).mousemove(function(e) {

            //create img elements having pointer.png in their src 
            pointer = $('<img>').attr({'src':'pointer.png'});

            //and append them to document
            $(document.body).append(pointer); 

            //show them at mouse position & fade out slowly
            pointer.css({
                    'position':'absolute',
                    top: e.pageY +2 ,    //offsets
                    left: e.pageX +2   //offsets
                }).fadeOut(1500);   
});
});

Answer 1

CSS中有cursor规则。如果您可以在某处修改全局CSS，只需将cursor: url(/path/to/cursor.png);添加到html或body。

Answer 2

通常情况下，您会将此页面<head><script>HERE</script></head>放在您想要的页面上。确保首先导入了jquery。

WordPress网站的游标编码

2 个答案: