Press "Enter" to skip to content

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


See Demo And Download

Official Website(alienmelon): Click Here

This superior jQuery/javascript plugin is developed by alienmelon. For extra Advanced Usages, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published.