hujung hadapan web
tutorial js
jquery melaksanakan kod_jquery pengiklanan undur yang boleh ditutup kesan khas
jquery melaksanakan kod_jquery pengiklanan undur yang boleh ditutup kesan khas
Contoh dalam artikel ini menerangkan pelaksanaan kod kesan khas iklan kira detik yang boleh ditutup menggunakan jquery. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:
Ini ialah iklan hitung detik yang serupa dengan iklan pada permulaan apabila memainkan video Anda hanya boleh melihat kandungan video selepas masa iklan. Ia adalah kod iklan kecil dengan butang tutup di sudut kanan atas baki masa kira detik dipaparkan di sudut kiri atas Jalankan kod jQuery, kesan khas halaman web yang menggabungkan CSS dan HTML adalah serasi dengan semua pelayar utama. Harap anda semua menyukainya.
Mari kita lihat tangkapan skrin kesan larian:
Alamat demo dalam talian adalah seperti berikut:
http://demo.jb51.net/js/2015/jquery-close-time-adv-style-codes/
Kod khusus adalah seperti berikut:
<!DOCTYPE html>
<html>
<head>
<meta charset="gb2312">
<title>js贴片倒计时代码</title>
<style>
*{padding:0;margin:0; font-size:12px;}
ol,ul,li{list-style:none}
img{border:none}
.box{ width:564px; height:361px; margin:20px auto; position:relative; display:none;}
.ad_time{ width:554px; height:351px; background:#000; filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5; padding:5px; position:absolute; top:0; left:0; color:#fff;}
.ad_time span{ font-weight:bold; color:#cc0; padding:0 5px;}
.close{ width:49px; height:20px; background:url(images/close.png) no-repeat; position:absolute; top:0; right:0; cursor:pointer;}
.btn{ width:100px; height:30px; background:#eee; border:1px solid #ddd; font:normal 12px/30px '寰蒋闆呴粦'; text-align:center; margin:20px auto; cursor:pointer;}
</style>
<script type="text/javascript" src="jquery-1.6.2.min.js" language="javascript"></script>
<script type="text/javascript" language="javascript">
function lxfEndtime(){
$t=$('#t').html();
if($t!=0){
$('#t').html($t-1);
$i=setTimeout("lxfEndtime()",1000);
}else{
$('.box').hide();
$('.btn').show();
$('#t').html(6);
$('.ad_time').css({'width':'554px','height':'351px'});
clearTimeout($i);
}
};
$(document).ready(function(){
$('.btn').live('click',function(){
$('.box').show();
$(this).hide();
$('.ad_time').animate({width:110,height:18},'slow');
lxfEndtime();
})
$('.close').click(function(){
$('.box').hide();
$('.btn').show();
$('#t').html(6);
$('.ad_time').css({'width':'554px','height':'351px'});
clearTimeout($i);
})
});
</script>
</head>
<body>
<!--代码开始-->
<div class="box">
<div class="ad"><a href="#" target="_blank"><img src="images/ad.jpg" /></a></div>
<div class="ad_time">时间还剩<span id="t">50</span>秒</div>
<div class="close"></div>
</div>
<div class="btn">点击显示效果</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
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: <
Bagaimana untuk membatalkan kira detik 10 saat untuk boot Win10?
Feb 29, 2024 pm 07:25 PM
Dalam win10, kira detik but didayakan secara lalai. Apabila kita menghidupkan komputer, kita akan melihat antara muka undur, biasanya kira detik 10 saat. Dalam masa ini, kita boleh memilih sama ada untuk meneruskan but atau melakukan beberapa operasi lain. Walaupun kira detik but membawa sedikit kemudahan kepada sistem kami, ia juga boleh menyebabkan masalah dalam beberapa kes. Saya mahu membatalkan paparan, tetapi saya tidak tahu bagaimana untuk melakukannya Artikel ini membawa anda cara membatalkan kira detik beberapa saat selepas Win10 dimulakan. Fahami kira detik but win10 Dalam win10, kira detik but didayakan secara lalai. Apabila kita menghidupkan komputer, kita akan melihat antara muka undur, biasanya kira detik 10 saat. Dalam masa ini, kita boleh memilih sama ada untuk meneruskan but atau meneruskan
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:
