Loading ...

Hide mouse cursor with jquery | CodeAsp.Net

Hide mouse cursor with jquery

 /5
0 (0votes)

In this blog I will explain how to hide mouse cursor with jQuery. I am explaining with an example where we have to hide mouse cursor when mouse is over a particular div below is the code snippet to explain it.

 

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title></title>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

</head>

<body>

<div id="TestDiv" style ="width:200px; height :200px;background-color:Red; ">

</div>

</body>

<script type="text/javascript">

$(function()

{

$('#TestDiv').mouseover(function()

{

$(this).css({cursor: 'none'});

});

});

</script>

</html>

 

 

 

Happy Reading.!

 

Comments (no comments yet)

Top Posts