hujung hadapan web
tutorial js
JS melaksanakan meniru kemahiran menu bar tugas bawah Apple code_javascript
JS melaksanakan meniru kemahiran menu bar tugas bawah Apple code_javascript
Contoh dalam artikel ini menerangkan kod JS untuk melaksanakan kesan meniru menu bar tugas bawah Apple. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:
Tiruan menu bar tugas bawah komputer Apple ini ialah kesan menu yang dilaksanakan dalam JavaScript tulen Apabila tetikus diletakkan, akan ada kesan tindak balas, ikon menu akan menjadi lebih besar, dan kesan animasi sangat lancar . Kesan ini telah disiarkan sebelum ini, tetapi ia dilaksanakan menggunakan jQuery Tiada pemalam jQuery untuk yang ini hari ini.
Tangkapan skrin kesan berjalan adalah seperti berikut:
Alamat demo dalam talian adalah seperti berikut:
http://demo.jb51.net/js/2015/js-f-apple-buttom-nav-menu-style-codes/
Kod khusus adalah seperti berikut:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>仿苹果电脑任务栏菜单</title>
<style type="text/css">
body{margin:0;padding:0}
#menu{position:absolute;width:100%;bottom:0;text-align:center;}
</style>
<script type="text/javascript">
window.onload = function ()
{
var oMenu = document.getElementById("menu");
var aImg = oMenu.getElementsByTagName("img");
var aWidth = [];
var i = 0;
//保存原宽度, 并设置当前宽度
for (i = 0; i < aImg.length; i++)
{
aWidth.push(aImg[i].offsetWidth);
aImg[i].width = parseInt(aImg[i].offsetWidth / 2);
}
//鼠标移动事件
document.onmousemove = function (event)
{
var event = event || window.event;
for (i = 0; i < aImg.length; i++)
{
var a = event.clientX - aImg[i].offsetLeft - aImg[i].offsetWidth / 2;
var b = event.clientY - aImg[i].offsetTop - oMenu.offsetTop - aImg[i].offsetHeight / 2;
var iScale = 1 - Math.sqrt(a * a + b * b) / 300;
if (iScale < 0.5) iScale = 0.5;
aImg[i].width = aWidth[i] * iScale
}
};
};
</script>
</head>
<body>
<div id="menu">
<img src="images/1.png" />
<img src="images/2.png" />
<img src="images/3.png" />
<img src="images/4.png" />
<img src="images/5.png" />
<img src="images/6.png" />
<img src="images/7.png" />
<img src="images/8.png" />
</div>
</body>
</html>Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
1389
52
Bagaimana untuk melumpuhkan pratonton lakaran kecil bar tugas dalam Win11 Matikan teknik lakaran kecil paparan ikon bar tugas dengan menggerakkan tetikus
Feb 29, 2024 pm 03:20 PM
Artikel ini akan memperkenalkan cara untuk mematikan fungsi lakaran kenit yang dipaparkan apabila tetikus menggerakkan ikon bar tugas dalam sistem Win11. Ciri ini dihidupkan secara lalai dan memaparkan lakaran kecil tetingkap semasa aplikasi apabila pengguna menuding tetikus pada ikon aplikasi pada bar tugas. Walau bagaimanapun, sesetengah pengguna mungkin mendapati ciri ini kurang berguna atau mengganggu pengalaman mereka dan ingin mematikannya. Lakaran kecil bar tugas boleh menjadi menyeronokkan, tetapi ia juga boleh mengganggu atau menjengkelkan. Memandangkan kekerapan anda menuding di atas kawasan ini, anda mungkin telah menutup tetingkap penting secara tidak sengaja beberapa kali. Kelemahan lain ialah ia menggunakan lebih banyak sumber sistem, jadi jika anda telah mencari cara untuk menjadi lebih cekap sumber, kami akan menunjukkan kepada anda cara untuk melumpuhkannya. tetapi
Apakah yang perlu saya lakukan jika bar tugas Win7 tidak memaparkan ikon Bagaimana untuk menyelesaikan masalah ikon bar tugas komputer hilang
Jun 09, 2024 pm 01:49 PM
Baru-baru ini, ramai pengguna yang menggunakan sistem Win7 telah mendapati bahawa ikon dalam bar tugas tiba-tiba hilang, yang menjadikan operasi sangat menyusahkan dan mereka tidak tahu bagaimana untuk menyelesaikan masalah Artikel ini akan memperkenalkan kepada anda bagaimana untuk menyelesaikan masalah bar tugas yang hilang ikon dalam sistem Win7. Analisis Punca Apabila menghadapi situasi sedemikian, biasanya terdapat dua situasi: satu ialah bar tugas pada komputer tidak benar-benar hilang, tetapi hanya tersembunyi, dan satu lagi ialah bar tugas hilang. Kaedah 1: 1. Terdapat situasi yang perlu anda sahkan terlebih dahulu iaitu apabila tetikus diletakkan di bahagian bawah skrin, bar tugas akan dipaparkan Anda boleh terus klik tetikus pada bar tugas dan pilih "Properties ". 2. Dalam kotak dialog yang terbuka, klik & pada pilihan "Sembunyikan bar tugas".
Bagaimana untuk mengurangkan ketinggian bar tugas dalam win11? Tutorial untuk mengubah saiz bar tugas dalam Windows 11
Feb 29, 2024 pm 12:37 PM
Apabila kita menggunakan win11, kita akan mendapati bahawa ketinggian bar tugas adalah agak tinggi, yang dirasakan agak tidak sedap dipandang oleh sesetengah pengguna Jadi bagaimana untuk mengurangkan ketinggian bar tugas win11? Pengguna boleh terus mengklik Editor Pendaftaran di bawah menu Mula, dan kemudian mencari folder Lanjutan untuk beroperasi. Biarkan tapak ini memperkenalkan dengan teliti kepada pengguna cara melaraskan saiz bar tugas dalam Windows 11. Bagaimana untuk mengubah saiz bar tugas dalam Windows 11 Pertama, kita perlu membuka Registry Editor. Anda boleh membuka editor pendaftaran dengan mengklik menu Mula dan memasukkan "regedit" dalam kotak carian, atau dengan menekan kombinasi kekunci Win+R untuk membuka fungsi Run dan memasukkan "regedit".
Bagaimana untuk menjadikan bar tugas Win11 hitam? Pengenalan kepada cara menetapkan bar tugas hitam dalam Win11
Apr 22, 2024 pm 06:40 PM
Sesetengah rakan juga mahu bar tugas bertukar hitam selepas menukar kertas dinding gelap pada komputer mereka, tetapi mereka tidak tahu cara melakukannya Mari lihat kaedah khusus di bawah! 1. Klik kanan kawasan kosong dalam bar tugas dan pilih "Tetapan Bar Tugas." 2. Dalam tetingkap tetapan bar tugas, cari tab "Penampilan" dan klik padanya. 3. Di bawah tab "Penampilan", cari pilihan "Latar Belakang Bar Tugas" dan klik menu lungsur. 4. Pilih "Hitam". 5. Tutup tetingkap "Tetapan Bar Tugas". Pencantikan bar tugas Xiaozhi Eye Protector ialah alat bar tugas telus win11 yang sangat mudah digunakan Ia menyokong ketelusan bar tugas, pengindahan bar tugas dan pelbagai gaya untuk mencantikkan antara muka bar tugas, menjadikan antara muka komputer anda lebih cantik (klik untuk muat turun sekarang) Xiaozhi Eye Protection
Bagaimana untuk mengembangkan paparan bertindan bar tugas Win11? Tutorial tentang menyusun dan mengembangkan bar tugas Win11
Jan 29, 2024 am 11:33 AM
Apabila kami menggunakan sistem win11, kami akan mendapati bahawa tetingkap bar tugas kami digabungkan. Ramai pengguna tidak begitu menyukai operasi ini. Pengguna boleh terus klik pada tetapan bar tugas di bawah butang kanan, dan kemudian terus mencari pilihan limpahan sudut bar tugas dalam menu kanan untuk beroperasi. Biarkan tapak ini memperkenalkan dengan teliti kepada pengguna cara mengembangkan tindanan bar tugas win11. Cara mengembangkan susunan bar tugas dalam Kaedah Windows 11 1. 1. Klik kanan pada ruang kosong pada bar tugas dan pilih Tetapan Bar Tugas. 3. Selepas mengklik limpahan sudut bar tugas, hidupkan suis untuk ikon aplikasi dipaparkan. Kaedah kedua: 1. Kita perlu menggunakan perisian untuk mencapai ini, mencari, memuat turun dan memasang bintang sendiri
Bagaimana untuk menyelesaikan masalah yang bar tugas win11 tidak bertindak balas apabila diklik/tidak boleh digunakan
May 09, 2024 pm 06:43 PM
Selepas menaik taraf kepada sistem Windows 11, ramai pengguna menghadapi masalah bahawa bar tugas tidak boleh diklik, yang mempunyai kesan yang besar kepada kehidupan dan kerja Jadi bagaimana untuk menyelesaikannya secara khusus? Mari lihat di bawah! Kaedah 1 1. Mula-mula, kami tekan kekunci pintasan Ctrl+Shift+Esc pada papan kekunci untuk membuka Pengurus Tugas. 2. Kemudian klik Fail di sudut kiri atas dan pilih Jalankan Tugasan Baru. 3. Selepas membukanya, masukkan kawalan dan tekan Enter untuk memasuki panel kawalan. 4. Cari masa dan kawasan dan pilih untuk menukar tarikh dan masa. 5. Tukar masa kepada 4 September atau lebih baru, matikan penyegerakan masa automatik selepas tetapan selesai, dan kemudian mulakan semula komputer. 6. Selepas memulakan semula, masukkan semula tetapan masa dan pergi ke pemilihan masa internet.
Tutorial tentang cara menyediakan kesan kaca pada bar tugas Windows 11
Jan 05, 2024 pm 07:07 PM
Dalam sistem win10, kita boleh menetapkan kesan ketelusan, kesan kaca beku, dll., jadi bolehkah kita menetapkan kesan kaca beku dalam sistem win11? Sebenarnya, ia mungkin, tetapi kita perlu menggunakan fungsi perisian pihak ketiga Mari kita lihat kaedah khusus dengan editor. Cara menetapkan kesan kaca bar tugas win11: 1. Dalam sistem win11, kita hanya boleh menetapkan kesan ketelusan, warna dan mod kedalaman tetingkap. 2. Oleh itu, jika anda ingin menyediakan kesan khas kaca beku, anda perlu menggunakan perisian pihak ketiga. 3. Mula-mula muat turun perisian yang dipanggil "classicshell" di Internet. 4. Selepas muat turun dan pemasangan selesai, anda hanya perlu membuka perisian, cari tab "Taskbar", dan tetapkan ciri "kaca beku" dalam penampilan.
Bagaimana untuk menyelesaikan masalah bahawa bar tugas tidak boleh diubah saiznya dalam sistem Windows 11
Apr 17, 2024 pm 06:40 PM
Baru-baru ini, sesetengah pengguna Windows 11 mendapati bahawa saiz bar tugas tidak boleh diskalakan secara bebas mengikut keutamaan peribadi, terutamanya apabila mereka ingin menambah atau mengurangkan saiz bar tugas. Untuk menyelesaikan masalah yang dihadapi oleh pengguna ini, artikel ini akan memberi tumpuan kepada masalah bahawa saiz bar tugas tidak boleh dilaraskan dalam sistem Windows 11 dan menyediakan penyelesaian yang berkaitan. Kaedah pengendalian 1. Klik Mula dalam bar tugas di sudut kiri bawah, masukkan "Editor Pendaftaran" dalam kotak carian di atas dan bukanya. 2. Selepas memasukkan antara muka baharu, klik "HKEY_CURRENT_USERSoftwareMicrosoftWindowsCurrentVersionExpl" dalam lajur kiri
