Memutar imej dengan melayang di atasnya

Pengarang: Tamara Smith
Tarikh Penciptaan: 26 Januari 2021
Tarikh Kemas Kini: 18 November 2024
Anonim
Hypervsn 3D Modeler - 3D Interactive Holographic Display
Video.: Hypervsn 3D Modeler - 3D Interactive Holographic Display

Kandungan

Fungsi "onMouseOver" (juga dikenali sebagai "hover") adalah acara JavaScript yang mencetuskan tindakan dalam antara muka pengguna apabila kursor tetikus diletakkan di atas objek. JavaScript kebanyakannya digunakan di laman web supaya acara biasanya mengubah sesuatu pada halaman di mana kod JavaScript ditulis. Menggunakan fungsi onMouseOver digabungkan dengan alat "berputar" laman web pengeditan imej dalam talian, anda boleh membuat kesan spin untuk imej yang dicetuskan apabila pengguna meletakkan kursor tetikusnya ke atas imej.


Arahan

Ketahui cara menggunakan alat "onMouseOver" (Michael Blann / Lifesize / Getty Images)

  1. Mulakan penyemak imbas lalai anda dan ketik pautan ke tapak penyuntingan imej dalam talian (seperti Pixenate, Pixlr atau LunaPic) di bar alamat dan tekan kekunci "Enter".

  2. Hantar imej yang ingin anda putar dengan mengklik pautan "Pilih imej anda untuk mengedit" atau butang "Terbuka imej dari komputer". Klik untuk memilih imej, kemudian "Terbuka". Klik "Muat naik imej ini" untuk memuat naik fail.

  3. Klik alat "Putar" dalam bar alat pengeditan imej, atau klik "Imej" dan pilih "Rotate Canvas." Klik untuk memilih tahap putaran dan tetapan dan klik pada "Simpan ke Disk" atau "Fail", kemudian "Simpan". Simpan imej yang diputar dalam direktori yang sama dengan fail imej asal.


  4. Mulakan editor HTML lalai. Sekiranya anda tidak mempunyai editor HTML, klik pautan "Penyunting HTML Percuma" dalam bahagian Sumber. Buat dokumen HTML baru.

  5. Klik pada menu "Fail" dan pilih "Simpan". Ketik "rotate.html" sebagai nama dokumen dan pilih folder yang mengandungi fail "image1" dan "image2" sebagai direktori simpan. Klik "Simpan".

  6. Cari tag ">" dan "" dalam dokumen HTML baru. Klik untuk meletakkan kursor tetikus di antara dua tanda tubuh dan kemudian tekan "Enter" untuk membuat barisan baru.

  7. Taipkan yang berikut dalam baris kosong, menggantikan teks "rotatedimage.gif" dengan nama imej yang diputar dan teks "originalimage.gif" dengan nama imej asal:

    Tekan "Enter" untuk membuat barisan baru.

  8. Taipkan yang berikut:


    Tekan "Enter".

  9. Jenis:

    Klik pada menu "Fail" dan pilih "Simpan".

  10. Klik dua kali fail "rotate.html" untuk membukanya dalam penyemak imbas lalai anda. Tuding tetikus anda ke atas imej untuk melihat kesan putaran, dan kemudian gerakkan kursor tetikus keluar dari imej untuk melihatnya kembali ke asal, tanpa putaran.

Apa yang anda perlukan

  • Komputer
  • Akses Internet