How do I change the effect of mouse focus on the web? Javascript, J-Query?

Process with CSS by default.

Below are the CSS styles that change the mouse cursor.

  cursor : -- automatically in accordance with point which the mouse cursor > auto.
Cursor in the shape of + >. -- crosshair : cursor
The default cursor : -- > default cursor
Cursor > (This can vary according to the operating system or) when I grow up in the shape of his fingers. -- : pointer
Cursor : Arrow (speckled by an arrow) movement -- > move.
Cursor > right arrow (Change the size of sense to the right). -- : e - resize
The (meaning Change the size of the right diagonal) arrows : ne - an icon -- > resize cursor
- resize nw : cursor > -- sitting statue at the (Change the size of the sense left diagonal) arrow.
cursor:n-resize        --> 상단 화살표 (상단으로 크기 변경 의미)
Se - (meaning Change the size of down the right diagonal) arrow -- that sudden gust of > resize. : cursor
cursor:sw-resize     --> 좌하단 화살표(대각좌측아래로 크기 변경 의미)
-- s : cursor - resize > the bottom of the (Change the size of the bottom of the significance) arrows.
The left arrow (Change the size of sense to the left). -- w - resize : cursor >
Are alpha characters saenggim I. because when you hover your text : -- > text cursor
Cursor : -- wait cursor that means, including a swivel plate (Mac), rainbow or hourglass > wait.
Cursor : (the Help) cursor > question mark -- help.

cursor:ns-resize --> Change size of top and bottom arrow cursor
cursor:w-resize --> Change left and right size arrow cursor
cursor:nesw-resize --> Change right-left-right diagonal size arrow cursor
cursor:nwse-resize --> Change left, right, right, right, square size arrow cursor

Note 1 https://jsfiddle.net/u4xcu8ub/

The following is a CSS for changing the effect of the mouse cursor over a specific HTML element.

.item:hover {
    font-weight: bold;
}

.item-enlarge:hover {
   font-size: large;
}

If you attach :hover in the selector of the CSS, as shown above, you can create a CSS that needs to be applied while the mouse is on top of that element. You can change the size, color, etc. of letters, images, etc. in the same way. You can also apply animation in CSS3.

Note 2 https://jsfiddle.net/vs104fcj/1/

If you want more complex features, you need to implement them in JavaScript. You can use a JavaScript library such as jquery or prototype, or you can write it yourself. However, you must apply the event handler corresponding to onmouseover to the HTML element.

Note 3 http://htglss.tistory.com/21

Note 4 http://www.jquerybyexample.net/2011/02/how-to-zoom-image-on-mouse-over-using.html