KR20190138498A - Changing method of mouse pointer - Google Patents

Abstract

The present invention relates to a method for changing a mouse pointer. The method for changing a mouse pointer comprises the steps of: accessing a website by using a web browser; setting an image of a mouse pointer not to appear on the web browser; tracking a position coordinate of the mouse pointer; and setting a new image to appear in the position coordinate of the mouse pointer. According to the present invention, the image of the mouse pointer can be changed by allowing a user to access a website and place the mouse pointer on the web browser without using an extra program. Therefore, the mouse pointer can be changed while rarely using computer resources.

Description

How to change your mouse pointer {CHANGING METHOD OF MOUSE POINTER}

The present invention relates to a method of changing a mouse pointer, and more particularly, to a method of changing a mouse pointer that can change an image of a mouse cursor on a website.

The mouse is a main input device in a computer, etc., and is a device for moving a mouse to move a pointer output on a screen such as a monitor and pressing a button output on a monitor screen to perform a specific function. The pointer of such a mouse typically indicates the position of the cursor in an arrow-shaped image.

The image of the mouse pointer may be displayed differently depending on the operating system (OS) used. The OS can change the image of the mouse pointer, which can be provided by the OS or registered by the user. However, when changing the image in the OS, there is a problem that the image of the mouse pointer is constantly changed and maintained, and to change to a new image, a cumbersome process has to be performed again.

As described above, a technique of changing an image of a mouse pointer or adding a function using predetermined software without changing the mouse pointer in the OS is disclosed in Korean Patent Laid-Open No. 10-2007-01002717. However, in order to change the mouse pointer using the software as described above, there is a problem that the corresponding software must be always running on the computer.

Republic of Korea Patent Publication No. 10-2007-0100217 (2007.10.10)

The problem to be solved by the present invention is to provide a method for changing the mouse pointer that can change the image of the mouse pointer on the website when the user connects to the website, even if no separate software or program is running.

Method for changing the mouse pointer according to an embodiment of the present invention, the method comprising: accessing a website using a web browser; Setting an image of a mouse pointer not to appear on the web browser; Tracking the position coordinates of the mouse pointer; And setting a new image to appear in the position coordinates of the mouse pointer.

In this case, the method further includes the step of disposing a mouse pointer on a web browser connected to the website, and setting the image of the mouse pointer to not appear. The image may be set to not appear.

When the mouse pointer leaves the web browser, the mouse pointer set to display the new image may be stopped at a predetermined position in the web browser.

Here, the step of accessing the website may include determining whether the website is connected to the mobile terminal; And setting the mouse pointer not to be displayed on the web browser when it is determined that the mobile terminal is connected. If the mobile terminal determines that the mouse pointer is not connected, the image of the mouse pointer is set to not appear. Steps may be performed.

In addition, the website may include source code written by JavaScript.

The source code may be set such that the mouse pointer is positioned at the top of the website.

In addition, the dynamic image may be applied to the new image applied to the mouse pointer.

In this case, the dynamic image may operate when any one or more of a plurality of buttons included in the mouse is clicked.

Here, the height of the new image applied to the mouse pointer may be 100%.

According to the present invention, a user can access a website and place a mouse pointer on a web browser without using a separate program, so that the image of the mouse pointer can be changed, and the computer resources are rarely used. This has the effect of changing the mouse pointer.

In addition, the operator who operates the website can freely display the personality of the website only to the user accessing his website, it is effective to provide a memorable impression to the user.

1 is a flowchart illustrating a method of changing a mouse pointer according to an embodiment of the present invention.
2 is a diagram illustrating that a mouse pointer is changed in a website according to a method of changing a mouse pointer according to an embodiment of the present invention.
3 is a diagram illustrating examples of a mouse pointer image changed according to a method of changing a mouse pointer according to an embodiment of the present invention.

Preferred embodiments of the present invention will be described in more detail with reference to the accompanying drawings.

The terms used in the present invention have been selected as widely used general terms as possible in consideration of the functions in the present invention, but this may vary according to the intention or precedent of the person skilled in the art, the emergence of new technologies and the like. In addition, in certain cases, there is also a term arbitrarily selected by the applicant, in which case the meaning will be described in detail in the description of the invention. Therefore, the terms used in the present invention should be defined based on the meanings of the terms and the contents throughout the present invention, rather than the names of the simple terms.

When any part of the specification is to "include" any component, this means that it may further include other components, except to exclude other components unless otherwise stated. In addition, the terms "... unit", "module", etc. described in the specification mean a unit for processing at least one function or operation, which may be implemented in hardware or software or a combination of hardware and software. .

DETAILED DESCRIPTION Hereinafter, exemplary embodiments of the present invention will be described in detail with reference to the accompanying drawings so that those skilled in the art may easily implement the present invention. As those skilled in the art would realize, the described embodiments may be modified in various different ways, all without departing from the spirit or scope of the present invention. In the drawings, parts irrelevant to the description are omitted in order to clearly describe the present invention, and like reference numerals designate like parts throughout the specification.

1 is a flowchart illustrating a method of changing a mouse pointer according to an embodiment of the present invention. 2 is a diagram illustrating a change of a mouse pointer in a website according to a method of changing a mouse pointer according to an embodiment of the present invention.

Referring to FIG. 1, a method for changing a mouse pointer according to an embodiment of the present invention will be described.

The user accesses a specific website using a web browser (S101). In this way, the user accesses a specific website and checks whether the mouse pointer is placed on the web browser (S103). In this case, when the mouse pointer is disposed on the web browser, the image of the mouse pointer is not displayed in the web browser by the source applied to the website (S105).

When the image of the mouse pointer is set to not appear as described above, the coordinates of the position of the mouse pointer are tracked (S107). In operation S109, a new image is displayed at the position of the tracked mouse pointer. As a result, the image of the existing mouse pointer may be hidden, and the image of the new mouse pointer may appear in the web browser.

To this end, the source code of the website can be assigned a script target ID with a mouse pointer cursor, and the source code can be written as follows.

<div class = "cursor" id = "cursor">

<img class = "mouseout" />

<img class = "mouseon" />

</ div>

Set the mouse pointer to not appear in the web browser unconditionally, fix the position of the mouse pointer, and set the value of z-index higher. In this case, z-index defines the rank when the positions of elements overlap, so that the higher the value is set, the higher the value can be placed. Accordingly, in this embodiment, the z-index is set high so that the mouse pointer can be positioned at the top.

And you can set the height of the new image applied to the mouse pointer to 100%. Accordingly, "div.cursor {height: 100%;}" can be applied to the following source code. Of course, the image height is not limited to 100%.

In addition, when cursor_on is applied to a cursor that is a mouse pointer, an out image may be hidden and a hidden on image may be displayed. In this way, the following source code can be applied to display a new image on the mouse pointer.

html, body, html: hover, body: hover, html: active, body: active, *, *: hover, *: active {cursor: none! important;}

 div.cursor {

zoom: 1! important;

position: fixed;

z-index: 999999999999999;

background: url ('') no-repeat 0 0;

height: 100%;

margin: 1px 0 0 1px;

}

div.cursor img {position: absolute; left: 0; top: 0; bottom: 0; height: 100%;}

div.cursor img.mouseon,

div.cursor_on img.mouseout {display: none;}

div.cursor_on img.mouseon {display: block;}

In addition, in recent years, in order to access a website, a computer or the like is often connected to a web browser, but a mobile terminal such as a smartphone or a tablet PC is often connected to a website. When accessing a website through a mobile terminal like this, it is preferable not to display a separate mouse pointer. Accordingly, when the mobile terminal accesses the website, the mouse pointer may be set not to appear.

When connected from a computer, not a mobile terminal, as described above, the position of the mouse pointer moving in the web browser can be checked and the position of the mouse pointer can be tracked through this. The source code for this is as follows.

$ ('*'). on ('mousedown', function () {$ ('. cursor'). addClass ('cursor_on');});

$ ('*'). on ('mouseup', function () {$ ('. cursor_on'). removeClass ('cursor_on');});

if (navigator.userAgent.match (/iPad|iPone|Mobile|UP.Browser|Android|BlackBerry|Windows CE | Nokia | webOS | Opera Mini | SonyEricsson | opera mobi | WindowsPhone | lEMobile | POLARIS /)! = null)

{

  var headHTML = document.getElementsByTagName ('head') [0] .innerHTML;

  headHTML + = "<style> html, body, *, *: hover, *: active {cursor: auto! important;} div.cursor {display: none! important;} div.cursor * {display: none! important; } </ style> ";

  document.getElementsByTagName ('head') [0] .innerHTML = headHTML;

} else {

  $ (function () {// position-cursor * /

    $ ("*, html, body"). mousemove (function (move) {

      $ (". cursor"). css ({

        top: move.pageY-$ (window) .scrollTop (),

        left: move.pageX

      });

    });

  });

}

As described above, an example of changing the mouse pointer in the web browser is shown in FIG. 2. At this time, if the mouse pointer is out of the web browser, the mouse pointer used in the computer may appear as it is. In this case, the mouse pointer image displayed on the web browser may be disposed in the web browser, and the mouse pointer may be positioned at a final deviation from the web browser.

Recently, the website has been changed to be able to manipulate the web page with the user's touch. Accordingly, the size of the button displayed on the web page may have a size that can be easily manipulated by a user's touch. For example, the size of a button or the like is formed in a size of about 1.5 cm x 1.5 cm or about 70 pixels x 70 pixels. As a result, the website can be used freely without sophisticated manipulation using the mouse pointer.

Therefore, as shown in FIG. 2, the image applied to the mouse pointer according to the present embodiment can use a website naturally without any sense of heterogeneity even when using an image of a hand shape.

3 is a diagram illustrating examples of a mouse pointer image changed according to a method of changing a mouse pointer according to an embodiment of the present invention.

3 (a) to 3 (h) show images of a mouse pointer which can be changed according to the present exemplary embodiment. As such, an image such as a human hand or an image of a magic wand may be used. In addition, various images such as a ballpoint pen, a cane, and an indicator bar may be applied.

In addition, although not separately illustrated, the mouse pointer image may be set to operate when the left button or the right button of the mouse is clicked.

As described above, the detailed description of the present invention has been made by the embodiments with reference to the accompanying drawings. However, since the above-described embodiments have only been described by way of example, the present invention is limited to the above embodiments. It should not be understood, the scope of the present invention will be understood by the claims and equivalent concepts described below.

Claims (8)

Accessing a website using a web browser;
Setting an image of a mouse pointer not to appear on the web browser;
Tracking the position coordinates of the mouse pointer; And
And setting a new image to appear at the position coordinates of the mouse pointer. The method according to claim 1,
When connected to the website, the method further comprises the step of placing a mouse pointer on a web browser connected to the website,
The setting of the image of the mouse pointer does not appear, The method of changing the mouse pointer is set so that the image of the mouse pointer on the web browser does not appear. The method according to claim 1,
And when the mouse pointer leaves the web browser, the mouse pointer set to display the new image is stopped at a predetermined position in the web browser. The method according to claim 1,
The step of accessing the website,
Determining whether the website is accessed from a mobile terminal; And
And determining that the mouse pointer is not displayed in the web browser when it is determined that the mobile terminal is connected.
And determining that the image of the mouse pointer does not appear when it is determined that the mobile terminal is not connected. The method according to claim 1,
The website includes a method for changing the mouse pointer containing the source code written by JavaScript. The method according to claim 1,
The mouse pointer changing method of the source code is set so that the mouse pointer is placed at the top of the website. The method according to claim 1,
The new image applied to the mouse pointer is a method of changing a mouse pointer to which a dynamic image is applied. The method according to claim 7,
And the dynamic image is operated when any one or more of a plurality of buttons included in the mouse is clicked.

Images