简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > tutorial js > teks badan

基于jquery实现的定时显示与隐藏div广告的实现代码_jquery

WBOY
Lepaskan： 2016-05-16 17:24:43
asal
1213 orang telah melayarinya

下面我给大家分享我的方法：

在jquery中要显示与隐藏层是很简单的直接使用hide与show方法就可以了，但要定时我们需要利用setTimeout函数来实例，下面我给大家分享我的方法。
html页面中我们随便放些东西

复制代码 代码如下:

jquery代码

复制代码 代码如下:


<script><BR>$(function(){ <BR>setTimeout('$(".toolbarframe").show("slow")',3000);<BR> setTimeout('$(".toolbarframe").hide("slow")',13000);<BR> $(".bigad_close").click(function(){<BR> $(".toolbarframe").hide("slow");<BR>})<BR>});<BR></script>

简单介绍下上面的核心实现代码：

复制代码 代码如下:

setTimeout('$(".toolbarframe").show("slow")',3000); 过三秒div慢慢从小到大显示出来
setTimeout('$(".toolbarframe").hide("slow")',13000); 过十秒再自动把div从大到小隐藏了
$(".bigad_close").click(function(){
 $(".toolbarframe").hide("slow");
})

这个是用户来关闭，点击关闭就可以实现关闭这个层了。

Label berkaitan：
隐藏
sumber：php.cn
Artikel sebelumnya：Javascript表格翻页效果实现思路及代码_javascript技巧 Artikel seterusnya：jquery $.each() 使用小探_jquery
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Bagaimana untuk memaparkan versi mudah alih Google Chrome Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?
daripada 2024-04-23 00:22:19
0
9
1588
Tatasusunan PHP yang diperoleh daripada parameter URL tidak berkelakuan seperti yang diharapkan Saya mempunyai parameter URL yang mengandungi id kategori dan saya mahu menganggapnya seba...
daripada 2024-04-06 22:09:02
0
1
1428
Gerakkan kandungan ke kiri dengan menambahkan sifat Width Saya telah memberikan margin kepada badan. utama {margin kiri: 200px; jidar kanan: 200px p...
daripada 2024-04-06 22:01:35
0
3
816
Halaman tiba-tiba tidak dapat menarik css atau bootstrap Jadi saya sedang membangunkan halaman, saya telah membuat sebahagian daripadanya semalam d...
daripada 2024-04-06 21:58:04
0
1
800
Bagaimana untuk memaparkan hanya nilai terendah daripada set hasil (MYSQL) Saya mempunyai pernyataan berikut: pilihDATE(diterima_pada)sebagaiHari,pusingan(kira(*)/24...
daripada 2024-04-06 21:44:19
0
1
603
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！