איך ליצור סמן עכבר מותאם אישית באתר

מעוניינים ליצור באתר סמן עכבר מותאם אישית?
הנה הדרכה על שני דרכים ליצירת סמן עכבר מותאם אישית באתר (עם וורדפרס ואלמנטור).

הנה הקוד לדרך הראשונה.

				
					*{
cursor: url(img.png),auto;
}

				
			

בדרך השנייה אנחנו משתמשים בספריית js.
קודם כל יש להעתיק את הקוד שכאן ולהכניס במקום, אפשר להתאים את הסמן באתר הבא,
https://mohamedfrindi.github.io/Mouse.js/

והנה הספרייה השנייה,
https://magicmousejs.web.app/

				
					<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/mohamedfrindi/Mouse.js/dist/mouse-min.js"></script>

<script>
let mouse = new Mouse({
    mouse: 'cirle',
    color: '#f5cd75',
    el: 'a , button',
    mouseHover: false,
    mousePointer: false,
    el_hover: true,
    mouse_clicked: true,
    clrChanged: false
})
mouse.mouse()
</script>
				
			
				
					  <script type="text/javascript" src="https://res.cloudinary.com/veseylab/raw/upload/v1684982764/magicmouse-2.0.0.cdn.min.js"></script>
  <script type="text/javascript">
    options = {
	"cursorOuter": "circle-basic",
	"hoverEffect": "circle-move",
	"hoverItemMove": true,
	"defaultCursor": true,
	"outerWidth": 30,
	"outerHeight": 30
      };
    magicMouse(options);
</script>
				
			

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *

פעם בשבוע אני שולח ניוזלטר
עם כל המאמרים החדשים באתר
מעניין אותך?