WordPress网站的游标编码

Question

I have the following code which I would like to implement in my Wordpress site, in order to have a customized mouse pointer. 我有以下代码，我希望在我的Wordpress网站中实现这些代码，以便获得自定义的鼠标指针。

where would I insert this code? 我在哪里插入此代码？ Into the index.php file itself? 放入index.php文件本身？ Or into a separate text file? 还是成一个单独的文本文件？

Thank you 谢谢

$(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

There is a cursor rule in CSS. CSS中有一个cursor规则。 If you can modify the global CSS somewhere, just add cursor: url(/path/to/cursor.png); 如果可以在某处修改全局CSS，只需添加cursor: url(/path/to/cursor.png); to html or body . 到html或body 。

Answer 2

Normally you would put this <head><script>HERE</script></head> of the page you want it to be on. 通常，您要在要打开该页面的页面的<head><script>HERE</script></head>上放置。 Make sure you have imported jquery first though. 但是，请确保先导入了jquery。

WordPress网站的游标编码

问题描述

2 个解决方案

解决方案1
3 已采纳 2012-10-01 17:55:38

解决方案2
1 2012-10-01 17:56:19

WordPress网站的游标编码

问题描述

2 个解决方案

解决方案1 3 已采纳 2012-10-01 17:55:38

解决方案2 1 2012-10-01 17:56:19

解决方案1
3 已采纳 2012-10-01 17:55:38

解决方案2
1 2012-10-01 17:56:19