Fully Animated Custom Cursors Using Javascript | animatedWebCursors.js

animatedWebCursors.js is a simple JavaScript file that gives you control of the browser cursor, allowing fully animated cursors to use CSS cursor functionality. Instead of hiding the mouse, and moving the DOM element around, this handles the actual pointer itself.

animated cursor css, mouse cursor effects javascript, best animated cursors, cursor effects download, custom cursor css, mouse cursor effects javascript

How to make use of it:

1. Include the animatedWebCursors.js JavaScript library on the web page.

<!-- All In One -->
<script src="animatedWebCursors.js"></script>
<!-- Without Predefined Cursors -->
<script src="animatedWebCursorLite.js"></script>

2. Apply a customized cursor to the entire web page.

animateCursor(['cursor1.jpg', 'cursor2.png']);

3. Apply a customized cursor to a selected component.

animateCursor(['cursor1.jpg', 'cursor2.png'], "p");

4. Or apply a predefined customized cursor utilizing the next strategies.

appstar2ani();
appstar3ani();
appstartani();
bananaani();
barberani();
coinani();
counterani();
dinosau2ani();
dinosaurani();
drumani();
fillitupani();
handani();
handapstani();
handneswani();
handnoani();
handnsani();
handnwseani();
handwaitani();
handweani();
horseani();
hourgla2ani();
hourgla3ani();
hourglasani();
metronomani();
pianoani();
raindropani();
sizeneswani();
sizensani();
sizenwseani();
sizeweani();
wagtailani();
_3dgarrocur();
_3dgmovecur();
_3dgneswcur();
_3dgnocur();
_3dgnscur();
_3dgnwsecur();
_3dgwecur();
_3dsmovecur();
_3dsnwsecur();
_3dwarrocur();
_3dwmovecur();
_3dwneswcur(); 
_3dwnocur();
_3dwnscur();
_3dwnwsecur();
_3dwwecur();
_classicAlternateSelectcur();
_classicHandwritingcur();
_harrowcur();
_hcrosscur();
_classicHelpSelectcur();
_hibeamcur();
_hmovecur();
_hneswcur();
_hnodropcur();
_hnscur();
_hnwsecur();
_hwecur();
_classicLinkSelectcur();
_classicPrecisionSelectcur();
_classicTextSelectcur();
_magnifiedBusycur();
_magnifiedDiagonalResize1cur();
_magnifiedDiagonalResize2cur();
_magnifiedHorizontalResizecur();
_magnifiedMovecur();
_magnifiedNormalSelectcur();
_magnifiedPrecisionSelectcur();
_magnifiedTextSelectcur();
_magnifiedUnavailablecur();
_magnifiedVerticalResizecur();
_magnifiedWorkingInBackgroundcur();
_windowsBlackXLAlternateSelectcur();
_windowsBlackXLBusycur();
_windowsBlackXLDiagonalResize1cur();
_windowsBlackXLDiagonalResize2cur();
_windowsBlackXLHelpSelectcur();
_windowsBlackXLHorizontalResizecur();
_windowsBlackXLMovecur();
_windowsBlackXLNormalSelectcur();
_windowsBlackXLPrecisionSelectcur();
_windowsBlackXLTextSelectcur();
_windowsBlackXLUnavailablecur();
_windowsBlackXLVerticalResizecur();
_windowsBlackXLWorkingInBackgroundcur();
_windowsBlackLAlternateSelectcur();
_windowsBlackLBusycur();
_windowsBlackLDiagonalResize1cur();
_windowsBlackLDiagonalResize2cur();
_windowsBlackLHelpSelectcur();
_windowsBlackLMovecur();
_windowsBlackLNormalSelectcur();
_windowsBlackLPrecisionSelectcur();
_windowsBlackLTextSelectcur();
_windowsBlackLUnavailablecur();
_windowsBlackLVerticalResizecur();
_windowsBlackLWorkingInBackgroundcur();
_windowsBlackBusycur();
_windowsBlackDiagonalResize1cur();
_windowsBlackDiagonalResize2cur();
_windowsBlackHelpSelectcur();
_windowsBlackHorizontalResizecur();
_windowsBlackNormalSelectcur();
_windowsBlackUnavailablecur();
_windowsBlackVerticalResizecur();
_windowsBlackWorkingInBackgroundcur();
_windowsDefaultBusycur();
_windowsDefaultHelpSelectcur();
_windowsDefaultNormalSelectcur();
_windowsDefaultWorkingInBackgroundcur();
_windowsStandardXLAlternateSelectcur();
_windowsStandardXLBusycur();
_windowsStandardXLDiagonalResize1cur();
_windowsStandardXLDiagonalResize2cur();
_windowsStandardXLHelpSelectcur();
_windowsStandardXLHorizontalResizecur();
_windowsStandardXLMovecur();
_windowsStandardXLNormalSelectcur();
_windowsStandardXLPrecisionSelectcur();
_windowsStandardXLTextSelectcur();
_windowsStandardXLUnavailablecur();
_windowsStandardXLVerticalResizecur();
_windowsStandardXLWorkingInBackgroundcur();
_windowsStandardLAlternateSelectcur();
_windowsStandardLBusycur();
_windowsStandardLDiagonalResize1cur();
_windowsStandardLDiagonalResize2cur();
_windowsStandardLHelpSelectcur();
_windowsStandardLMovecur();
_windowsStandardLNormalSelectcur();
_windowsStandardLPrecisionSelectcur();
_windowsStandardLTextSelectcur();
_windowsStandardLUnavailablecur();
_windowsStandardLVerticalResizecur();
_windowsStandardLWorkingInBackgroundcur();

150+ Animated Custom Cursors, animatedWebCursors.js Plugin/Github