Custom mouse style-cursor

Before writing the text, I always like to talk a few nonsense words. In fact, my blog's problems are generally encountered at work. To avoid forgetting, I 'd better write it out!

They are all details, although almost no one looks at them! Take your own notes for future search! Hey .....

This is also a requirement of the product. It requires the image switching script to have a magnifying glass effect in the big image.

A brain turns, a magnifier, and you just need to change the mouse style to a magnifier image. In college, you used to change your computer's mouse to a colorful one.

Css is certainly supported. I searched the internet and sorted it out as follows:

General css syntax:

[Css]
. Demo {cursor: url ('path'), auto;} // IE, FF, chrome

. Demo {cursor: url ('path'), auto;} // IE, FF, chrome
Note:

1. Icon format-ico: preferably ico format. I tested my browser with ico, but I didn't find any problem. The icon format is based on different browsers: IE supports the cur, ani, ico formats. FF supports bmp, gif, jpg, cur, and ico formats. They do not support the ani format or GIF animation format. Therefore, it is better to save images in the cur or ico format.

2. Icon size-32*32:

It is better to be 32*32, Otherwise other sizes will lead to inconsistent size of the picture rendered by the browser.

Simple! As a matter of fact, I have summarized a problem from my graduation project to my current project. The complicated problems are made up of simple points one by one, and I just want to make a breakthrough one by one.