Jquery

jQuery Kodlarıyla Fareyi Takip Eden Kalem Uygulaması

Web sayfalarında en fazla kullanılan elemanlardan biri de faredir. Fare istenilen nesneye daha çabuk ulaşılmasını sağlar. Özellikle canvas ekranında çizim yapyorsanız görsellik açısından fare ile birlikte küçük bir resmin olması gayet güzel olacaktır. İşte uygulamaya ait kodlar.

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
 
    <script>
        $(function () {
            $(this).mousemove(function (event) {
                $("#kalem").css({
                    left: event.pageX,
                    top: event.pageY
                });
            })
        })
 
    </script>
    <style>
        #kalem {
            position: absolute;
            left: 100px;
            top: 100px;
        }
    </style>
</head>
<body>
    <img id="kalem" src="kalem.png">
</body>
</html>
 
İlgili Makaleler
2022 TYT Matematik Yirmiüçüncü Sorunun Çözümünü jQuery Diliyle Web Sayfasında Kodlama
2022 TYT Matematik Onbirinci Sorunun Çözümünü jQuery Diliyle Web Sayfasında Kodlama
JQuery Yardımıyla Web Sayfasından JSON Veri Çekme
2022 TYT Matematik Birinci Sorunun Çözümünü jQuery Diliyle Web Sayfasında Kodlama
2022 TYT Matematik Onaltıncı Sorunun Çözümünü jQuery Diliyle Web Sayfasında Kodlama
2022 TYT Matematik Onsekizinci Sorunun Çözümünü jQuery Diliyle Web Sayfasında Kodlama
2022 TYT Matematik Beşinci Sorunun Çözümünü jQuery Diliyle Web Sayfasında Kodlama
2022 TYT Matematik İkinci Sorunun Çözümünü jQuery Diliyle Web Sayfasında Kodlama
2022 TYT Matematik Üçüncü Sorunun Çözümünü jQuery Diliyle Web Sayfasında Kodlama
2022 TYT Matematik Yirmidördüncü Sorunun Çözümünü jQuery Diliyle Web Sayfasında Kodlama
2022 TYT Matematik Onyedinci Sorunun Çözümünü jQuery Diliyle Web Sayfasında Kodlama
JQuery Script Dilinde bind ve unbind Fonksiyonları
Facebook Web Sayfasına Ait Üye Kayıt Formunu Tasarlayan Programı JQuery İle Kodlayınız
Ekranın Ortasında Tanımlı Bir Div İçinde Sol Alt Köşeden Başlayıp Sağ Üst Köşede Biten Animasyonu JQuery İle Yapınız
2022 TYT Matematik Ondördüncü Sorunun Çözümünü jQuery Diliyle Web Sayfasında Kodlama
2022 LGS Boyanmayan Kutudaki Üslü İfadeyi Bulan Matematik Sorusunu jQuery Diliyle Bulan Uygulama
Bootstrap 3 Dialog Penceresi Uygulamasında jQuery Kodlarıyla Butona Olay Yazma
Web Projesinde jQuery Kodlarıyla Ekran Koruyucu Yapma
2022 TYT Matematik Onüçüncü Sorunun Çözümünü jQuery Diliyle Web Sayfasında Kodlama
2022 TYT Matematik Onbeşinci Sorunun Çözümünü jQuery Diliyle Web Sayfasında Kodlama

Yorum Ekle
   
Kötü İyi