hujung hadapan web
tutorial js
Kod kesan pengecutan iklan sepanduk dilaksanakan oleh jquery_jquery
Kod kesan pengecutan iklan sepanduk dilaksanakan oleh jquery_jquery
Contoh dalam artikel ini menerangkan kod kesan pengecutan iklan Banner yang dilaksanakan oleh jquery. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:
Berikut ialah demonstrasi kesan pengecutan iklan Banner Selepas mengkliknya, halaman web akan memaparkan iklan yang besar Selepas mengklik "Tutup" dengan tetikus, Kesan ini telah dilihat pada tapak web utama Anda dialu-alukan untuk belajar daripadanya.
Tangkapan skrin kesan berjalan adalah seperti berikut:
Alamat demo dalam talian adalah seperti berikut:
http://demo.jb51.net/js/2015/jquery-banner-show-close-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>
<title>一个Banner广告收缩效果</title>
<style type="text/css">
*{margin:0; padding:0;}/*为了方便 直接这样重置了*/
#main{margin:0 auto; width:960px;}
#banner{display:none; margin:0 auto; width:960px; height:160px; background:url(images/banner.png) no-repeat; position:relative;}
#close{display:block; width:50px; height:22px; text-align:center; line-height:22px; border:1px #ddd solid; background:#000; color:#fff; font-size:12px; float:right; cursor:pointer;}
</style>
<script type="text/javascript" src="jquery-1.6.2.min.js"></script>
<script type="text/javascript">
$
(
function()
{
$("#banner").slideDown();
var Up=function(){$("#banner").slideUp(1500)}
setTimeout(Up,3000);
$("#close").click
(
function()
{
$("#banner").slideToggle
(
600,function()
{
if($("#banner").css("display") == "none")
{
$("#close").text("打开");
}
else
{
$("#close").text("关闭");
}
}
);
}
);
}
);
</script>
</head>
<body>
<div id="main">
<div id="banner"></div>
<span id="close">关闭</span>
</div>
</body>
</html>Saya harap artikel ini akan membantu reka bentuk pengaturcaraan jquery 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
AI Hentai Generator
Menjana ai hentai secara percuma.
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
1376
52
Bagaimana untuk mematikan iklan yang disyorkan oleh 360 Browser? Bagaimana untuk mematikan iklan yang disyorkan oleh 360 Browser pada PC?
Mar 14, 2024 am 09:16 AM
Bagaimana untuk mematikan iklan yang disyorkan oleh 360 Browser? Saya percaya bahawa ramai pengguna menggunakan Pelayar 360, tetapi pelayar ini kadangkala memaparkan iklan, yang membuatkan ramai pengguna sangat tertekan Biarkan tapak ini memperkenalkan dengan teliti kepada pengguna cara untuk Mematikan iklan yang disyorkan oleh Pelayar 360 pada komputer anda. Bagaimana untuk mematikan iklan yang disyorkan oleh 360 Browser pada komputer anda? Kaedah 1: 1. Buka 360 Safe Browser. 2. Cari logo "tiga bar mendatar" di penjuru kanan sebelah atas dan klik [Tetapan]. 3. Cari [Makmal] dalam bar tugas di sebelah kiri antara muka pop timbul, dan tandakan [Dayakan fungsi "360 Hotspot Information"]. Kaedah 2: 1. Klik dua kali pertama
Cara untuk mematikan iklan sepenuhnya dalam Moments
Mar 03, 2024 pm 12:31 PM
Pengguna akan menemui banyak iklan semasa menyemak imbas Moments, jadi bagaimana mereka boleh mematikan iklan sepenuhnya? Pengguna perlu mengklik Tetapan dalam Saya, kemudian cari Maklumat Peribadi dan Kebenaran, kemudian klik Pengurusan Iklan Diperibadikan dan hanya matikan pemperibadian iklan. Artikel ini akan memberitahu anda cara untuk mematikan iklan sepenuhnya dalam Moments, jadi lihat! Tutorial penggunaan WeChat: Bagaimana untuk mematikan iklan sepenuhnya dalam Moments Jawapan: Ia tidak boleh dimatikan sepenuhnya Anda hanya boleh mematikan cadangan yang diperibadikan: 1. Pertama, klik pada saya, dan kemudian cari tetapan di dalamnya. 2. Cari maklumat peribadi dan pilihan kebenaran. 3. Klik pada fungsi pengurusan pengiklanan yang diperibadikan di dalam. 4. Klik suis di sebelah kanan pemperibadian iklan dan matikannya. Cara untuk mematikan iklan: 1. Cari iklan dalam Moments. 2. Klik kanan
Bagaimana untuk mematikan iklan dalam versi baharu Edge? Cara menyekat iklan diperibadikan Edge
Mar 14, 2024 am 11:37 AM
Selepas mengemas kini pelayar Edge, ramai pengguna mendapati terdapat banyak iklan pada antara muka Contohnya, di bahagian bawah halaman tab baharu, terdapat pautan ke beberapa laman web yang ditandakan dengan iklan, yang kelihatan sangat menjengkelkan. Adakah terdapat sebarang cara untuk mematikan iklan diperibadikan dalam penyemak imbas Edge? Editor telah mencari banyak kaedah di Internet, dan saya akan berkongsi dengan anda sedikit helah untuk mematikan iklan. Bagaimana untuk mematikan iklan dalam versi baharu Edge? 1. Buka pelayar Edge. 2. Klik [•••] di penjuru kanan sebelah atas. 3. Klik [Tetapan]. 4. Klik [Privasi, Carian dan Perkhidmatan]. 5. Matikan suis di sebelah kanan "Peribadikan pengalaman web anda" untuk mematikan pemperibadian yang ditolak oleh Microsoft.
Bagaimana untuk menggunakan kaedah permintaan PUT dalam jQuery?
Feb 28, 2024 pm 03:12 PM
Bagaimana untuk menggunakan kaedah permintaan PUT dalam jQuery? Dalam jQuery, kaedah menghantar permintaan PUT adalah serupa dengan menghantar jenis permintaan lain, tetapi anda perlu memberi perhatian kepada beberapa butiran dan tetapan parameter. Permintaan PUT biasanya digunakan untuk mengemas kini sumber, seperti mengemas kini data dalam pangkalan data atau mengemas kini fail pada pelayan. Berikut ialah contoh kod khusus menggunakan kaedah permintaan PUT dalam jQuery. Mula-mula, pastikan anda memasukkan fail perpustakaan jQuery, kemudian anda boleh menghantar permintaan PUT melalui: $.ajax({u
Cara untuk mematikan pengesyoran pengiklanan pintar pada Douyin
Mar 22, 2024 pm 04:06 PM
Apabila kami biasanya menggunakan Douyin untuk hiburan, kami sering mempunyai beberapa iklan yang tidak dapat diterangkan dan pelik yang mengganggu pengalaman masa lapang kami, ramai pengguna tidak diganggu oleh mereka dan ingin mematikan dorongan iklan ini, tetapi mereka tidak tahu bagaimana untuk mengendalikannya, maka editor laman web ini akan membawakan kepada anda panduan tutorial ini dan pengenalan terperinci saya harap ia dapat membantu semua yang memerlukan. Pertama sekali, kami mula-mula mencari pilihan untuk memahami dan mengurus tolak iklan dalam tetapan apl, dan kemudian melihat semua pilihan suis berkaitan iklan di bawah Klik suis di bahagian belakang untuk mematikannya, dan kemudian gesaan pengesahan untuk beralih off iklan akan muncul. Kami klik untuk mengesahkan
Petua jQuery: Cepat ubah suai teks semua teg pada halaman
Feb 28, 2024 pm 09:06 PM
Tajuk: Petua jQuery: Cepat ubah suai teks semua teg pada halaman Dalam pembangunan web, kita selalunya perlu mengubah suai dan mengendalikan elemen pada halaman. Apabila menggunakan jQuery, kadangkala anda perlu mengubah suai kandungan teks semua teg dalam halaman sekaligus, yang boleh menjimatkan masa dan tenaga. Berikut akan memperkenalkan cara menggunakan jQuery untuk mengubah suai teks semua teg pada halaman dengan cepat, dan memberikan contoh kod khusus. Pertama, kita perlu memperkenalkan fail perpustakaan jQuery dan memastikan bahawa kod berikut dimasukkan ke dalam halaman: <
Gunakan jQuery untuk mengubah suai kandungan teks semua teg
Feb 28, 2024 pm 05:42 PM
Tajuk: Gunakan jQuery untuk mengubah suai kandungan teks semua teg jQuery ialah perpustakaan JavaScript yang popular yang digunakan secara meluas untuk mengendalikan operasi DOM. Dalam pembangunan web, kita sering menghadapi keperluan untuk mengubah suai kandungan teks tag pautan (tag) pada halaman. Artikel ini akan menerangkan cara menggunakan jQuery untuk mencapai matlamat ini dan memberikan contoh kod khusus. Pertama, kita perlu memperkenalkan perpustakaan jQuery ke dalam halaman. Tambahkan kod berikut dalam fail HTML:
Bagaimana untuk mematikan iklan yang sentiasa muncul dalam Edisi Kuaishou Express Bagaimana untuk mematikan tolak iklan dalam Edisi Ekspres Kuaishou?
Apr 01, 2024 pm 09:34 PM
Kuaishou Express Edition sentiasa menjadi popular dengan semua orang Ia boleh melihat sejumlah besar video setiap hari Ia sentiasa dikemas kini, supaya semua orang boleh melihat kandungan video yang menarik ini pada bila-bila masa, di mana-mana sahaja melegakan kebimbangan dan kebosanan, kadangkala semua orang sentiasa menghadapi beberapa tetingkap timbul pengiklanan, yang secara langsung mempengaruhi persepsi semua orang terhadap menonton video, jadi semua orang ingin menutup tetingkap timbul pengiklanan ini untuk mendapatkan pengalaman menonton yang lebih selesa mengendalikannya boleh lihat tutorial yang saya bawa kepada anda. Cara mematikan tolak pengiklanan dalam Kuaishou Express Edition: 1. Mula-mula buka perisian Kuaishou Express Edition, pergi ke halaman Kuaishou dan klik ikon [tiga garisan mendatar] di penjuru kiri sebelah atas. 2. Kemudian klik [Settings] pada halaman semasa; 3. Masukkan
