curser ändern
- Ersteller londi88
- Erstellt am
Hallo,
dazu benötigt du Javascript.
Ein Beispiel:
HTML
CSS
Javascript (muss in den Head)
DEMO
JavaScript Demos - Custom Cursors Demo
QUELLE
How to Create Custom Cursors without .cur File — ajaxBlender.com
Grüße
dazu benötigt du Javascript.
Ein Beispiel:
HTML
HTML:
<div id="test-area"> Move mouse over this area. </div> <div id="mycursor"></div>CSS
HTML:
#test-area { height: 200px; border: 3px dashed #CCCCCC; background: #FFFFFF; padding: 20px; cursor: url(./blank.cur), none; } #mycursor { cursor: none; width: 97px; height: 137px; background: url("/article-sources/images/pointer-cursor.gif") no-repeat left top; position: absolute; display: none; top: 0; left: 0; z-index: 10000; }Javascript (muss in den Head)
Code:
<script type="text/javascript"> $(document).ready(function(){ $('#test-area').mouseout(function(){ $('#mycursor').hide(); return >false; }); $('#test-area').mouseenter(function(){ $('#mycursor').show(); return >false; }); $('#test-area').mousemove(function(e){ $('#mycursor').css('left', e.clientX - 20).css('top', e.clientY + 7); }); }); </script>DEMO
JavaScript Demos - Custom Cursors Demo
QUELLE
How to Create Custom Cursors without .cur File — ajaxBlender.com
Grüße
Ähm ja sorry^^
Die Libary gibts hier:
jquery-1.3.2.js - jqueryjs - jQuery 1.3.2 - jQuery JavaScript Library - Google Project Hosting
Die Libary gibts hier:
jquery-1.3.2.js - jqueryjs - jQuery 1.3.2 - jQuery JavaScript Library - Google Project Hosting
Code:
<head>
<script type="text/javascript" src="[URL="http://www.html.de/view-source:http://www.ajaxblender.com/jslibs/jquery-1.3.2.js"]/jslibs/jquery-1.3.2.js[/URL]"></script>
</head>
Witschi262
Blogger
Dachte ich mir auch Alog. Zumal Javascript nicht jeder aktiviert hat.
