geforkt von rebillar/site-accueil-insa
curseur
Dieser Commit ist enthalten in:
Ursprung
7f7975a279
Commit
4ac9718ac0
3 geänderte Dateien mit 33 neuen und 0 gelöschten Zeilen
31
assets/fonts/cursor.php
Normale Datei
31
assets/fonts/cursor.php
Normale Datei
|
@ -0,0 +1,31 @@
|
|||
<script type="text/javascript">
|
||||
document.onmousemove = suitsouris;
|
||||
function suitsouris(evenement)
|
||||
{
|
||||
if(navigator.appName=="Microsoft Internet Explorer")
|
||||
{
|
||||
var x = event.x+document.body.scrollLeft;
|
||||
var y = event.y+document.body.scrollTop;
|
||||
}
|
||||
else
|
||||
{
|
||||
var x = evenement.pageX;
|
||||
var y = evenement.pageY;
|
||||
}
|
||||
document.getElementById("image_suit_souris").style.left = (x+1/*+1-43*/)+'px';
|
||||
document.getElementById("image_suit_souris").style.top = (y+1/*-17*/)+'px';
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.cursor {
|
||||
position: absolute;
|
||||
display: block;
|
||||
z-index: 5;
|
||||
width: 75px;
|
||||
transform: translateX(-22px) translateY(-106px);
|
||||
pointer-events: none;
|
||||
}
|
||||
</style>
|
||||
|
||||
<img src="assets/img/cursor.png" alt="Image qui suit la souris" id="image_suit_souris" class="cursor" />
|
BIN
assets/img/cursor.png
Normale Datei
BIN
assets/img/cursor.png
Normale Datei
Binäre Datei nicht angezeigt.
Nachher Breite: | Höhe: | Größe: 21 KiB |
|
@ -2,6 +2,8 @@
|
|||
ob_start(); // Start reading html
|
||||
|
||||
include "assets/fonts/color.php";
|
||||
|
||||
include "assets/fonts/cursor.php";
|
||||
?>
|
||||
<main>
|
||||
|
||||
|
|
Laden …
In neuem Issue referenzieren