cari
Rumahhujung hadapan webtutorial jsPenjelasan terperinci tentang kemahiran penggunaan overlib JS plug-in examples_javascript

Contoh dalam artikel ini menerangkan penggunaan overlib. Kongsikan dengan semua orang untuk rujukan anda, butirannya adalah seperti berikut:

overLIB ialah kod JS yang sangat baik yang menghasilkan kesan halaman seperti kotak gesaan dan menu timbul.

Ia hanya boleh menukar gaya, kulit dan bentuk halaman pop timbul dengan menetapkan beberapa parameter atau arahan Bukan itu sahaja, ia juga menyediakan fungsi sambungan yang sangat mudah untuk memenuhi keperluan pelanggan yang berbeza.

overLIB sangat mudah digunakan.

1. Tambahkan dalam teg

🎜>
2. Tambahkan dalam teg : Salin kod
Kodnya adalah seperti berikut:
Langkah ini boleh diabaikan untuk versi 4.10 dan ke atas 3. Hasilkan dua gaya halaman timbul (pop timbul dan melekit)

4. Commandes et paramètres

pop-up

Nom de l'attribut Tapez Obligatoire Par défaut Description
texte chaîne Oui n/a le texte/html à afficher dans la fenêtre popup
déclencheur chaîne Non onMouseOver Ce qui est utilisé pour déclencher la fenêtre popup. Peut être l'un des onMouseOver ou onClick
collant booléen Non faux Fait en sorte que la fenêtre contextuelle reste jusqu'à ce qu'elle soit fermée
légende chaîne Non n/a définit la légende sur titre
fgcolor chaîne Non n/a couleur de l'intérieur de la popup box
bgcolor chaîne Non n/a couleur de la bordure de la popup box
couleur du texte chaîne Non n/a définit la couleur du texte à l'intérieur de la boîte
couleur du bonnet chaîne Non n/a définit la couleur de la légende de la boîte
fermer la couleur chaîne Non n/a définit la couleur du texte de fermeture
police de texte chaîne Non n/a définit la police à utiliser par le texte principal
police de légende chaîne Non n/a définit la police de la légende
fermer la police chaîne Non n/a définit la police du texte "Fermer"
taille du texte chaîne Non n/a définit la taille de la police du texte principal
taille des légendes chaîne Non n/a définit la taille de la police de la légende
fermer la taille chaîne Non n/a définit la taille de la police du texte "Fermer"
largeur entier Non n/a définit la largeur de la boîte
hauteur entier Non n/a définit la hauteur de la boîte
à gauche booléen Non faux fait aller les popups à gauche de la souris
c'est vrai booléen Non faux fait aller les popups à droite de la souris
centre booléen Non faux fait aller les popups au centre de la souris
ci-dessus booléen Non faux fait passer les popups au-dessus de la souris. REMARQUE : possible uniquement lorsque la hauteur a été définie
ci-dessous booléen Non faux fait passer les popups sous la souris
frontière entier Non n/a rend la bordure des popups plus épaisse ou plus fine
offsetx entier Non n/a à quelle distance du pointeur la fenêtre contextuelle apparaîtra, horizontalement
décalage entier Non n/a à quelle distance du pointeur la fenêtre contextuelle apparaîtra, verticalement
fgfond URL de l'image Non n/a définit une image à utiliser à la place de la couleur pour l'intérieur de la popup.
bgfond URL de l'image Non n/a définit une image à utiliser à la place de la couleur pour la bordure de la popup. REMARQUE : vous souhaiterez définir bgcolor sur "" ou la couleur s'affichera également. REMARQUE : lors d'un lien Fermer, Netscape restituera les cellules du tableau, ce qui donnera un aspect incorrect
texte proche chaîne Non n/a définit le texte "Fermer" sur autre chose
pas de fermeture booléen Non n/a n'affiche pas le texte "Fermer" sur les stickies avec une légende
statut chaîne Non n/a définit le texte dans la barre d'état du navigateur
statut automatique booléen Non n/a définit le texte de la barre d'état sur le texte de la fenêtre contextuelle. REMARQUE : remplace le paramètre d'état
autostatuscap chaîne Non n/a définit le texte de la barre d'état sur le texte de la légende. REMARQUE : remplace les paramètres d'état et d'état automatique
inarray entier Non n/a indique à overLib de lire le texte de cet index dans le tableau ol_text, situé dans overlib.js. Ce paramètre peut être utilisé à la place du texte
caparray entier Non n/a indique à overLib de lire la légende de cet index dans le tableau ol_caps
capicon url Non n/a affiche l'image donnée avant la légende contextuelle
snapx entier Non n/a accroche la fenêtre contextuelle à une position paire dans une grille horizontale
vivant entier Non n/a accroche la fenêtre contextuelle à une position paire dans une grille verticale
fixx entier Non n/a verrouille la position horizontale des popups Remarque : remplace tout autre placement horizontal
fixe entier Non n/a verrouille la position verticale des popups Remarque : remplace tout autre placement vertical
fond url Non n/a définit l'image à utiliser à la place de l'arrière-plan de la zone de tableau
padx entier, entier Non n/a remplit l'image d'arrière-plan avec des espaces horizontaux pour le placement du texte. Remarque : il s'agit d'une commande à deux paramètres
pady entier, entier Non n/a remplit l'image d'arrière-plan avec des espaces verticaux pour le placement du texte. Remarque : il s'agit d'une commande à deux paramètres
html complet booléen Non n/a vous permet de contrôler complètement le code HTML sur une image d'arrière-plan. Le code html est attendu dans l'attribut "texte"
cadre chaîne Non n/a controls popups in a different frame. See the overlib page for more info on this function
timeout string No n/a calls the specified javascript function and takes the return value as the text that should be displayed in the popup window
delay integer No n/a makes that popup behave like a tooltip. It will popup only after this delay in milliseconds
hauto boolean No n/a automatically determine if the popup should be to the left or right of the mouse.
vauto boolean No n/a automatically determine if the popup should be above or below the mouse.

overLIB 可以接受任意个命令和参数。格式如下:命令[,'命令参数']

<a href="javascript:void(0);" onclick="return overlib('This is a sticky with a caption. And it is centered under the mouse!', STICKY, CAPTION,
'Sticky!', CENTER);" onmouseout="nd();">Click here!</a>

五、 overlib的一些使用示例

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<scriptlanguage="JavaScript" src="overlib.js"></script><html>
<head>
<metahttp-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<body>
<ahref="#" onclick="return overlib('使用overlib的命令', CAPTION, '这是Caption命令,就是生成头部',HAUTO);"" onmouseout="return nd();">弹出测试</a>
<ahref="javascript:void(0);" onmouseover="return overlib('This is an ordinary popup.',CLOSECLICK);" onmouseout="return nd();">here</a>
<ahref="javascript:void(0);" onmouseover="return overlib('This is what we call a sticky, since I stick around (it goes away if you move the mouse OVER and then OFF the overLIB popup--or mouseover another overLIB).', STICKY, MOUSEOFF);" onmouseout="return nd();">吸附性的提示框</a>
<ahref="javascript:void(0);" onclick="return overlib('This is a sticky with a caption. And it is centered under the mouse!', STICKY, CAPTION,'Sticky!',CENTER);">含CAPTION的STICKY!</a>
<ahref="javascript:void(0);" onclick="return overlib('Setting size and posiztion!', STICKY, CAPTION,'Sticky!',HEIGHT, 100,WIDTH,120,LEFT);">指定大小与位置弹出</a>
<ahref="javascript:void(0);" onclick="return overlib('Setting size and posiztion!', STICKY, CAPTION,'Sticky!',STATUS ,'Hello');">设置状态栏</a>
</body>
</html>

六、自定义overlib。overlib有三种方式可以实现自定义。

1、我们上面用过的通过输入不同命令来实现自定义。
2、修改overlib.js中的默认值来实现自定义
3、在引用的页面指定变量来实现自定义。

overlib点击此处本站下载

希望本文所述对大家JavaScript程序设计有所帮助。

Kenyataan
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
Beyond the Browser: JavaScript di dunia nyataBeyond the Browser: JavaScript di dunia nyataApr 12, 2025 am 12:06 AM

Aplikasi JavaScript di dunia nyata termasuk pengaturcaraan sisi pelayan, pembangunan aplikasi mudah alih dan Internet of Things Control: 1. Pengaturcaraan sisi pelayan direalisasikan melalui node.js, sesuai untuk pemprosesan permintaan serentak yang tinggi. 2. Pembangunan aplikasi mudah alih dijalankan melalui reaktnatif dan menyokong penggunaan silang platform. 3. Digunakan untuk kawalan peranti IoT melalui Perpustakaan Johnny-Five, sesuai untuk interaksi perkakasan.

Membina aplikasi SaaS Multi-penyewa dengan Next.js (Integrasi Backend)Membina aplikasi SaaS Multi-penyewa dengan Next.js (Integrasi Backend)Apr 11, 2025 am 08:23 AM

Saya membina aplikasi SaaS multi-penyewa berfungsi (aplikasi edTech) dengan alat teknologi harian anda dan anda boleh melakukan perkara yang sama. Pertama, apakah aplikasi SaaS multi-penyewa? Aplikasi SaaS Multi-penyewa membolehkan anda melayani beberapa pelanggan dari Sing

Cara Membina Aplikasi SaaS Multi-Tenant dengan Next.js (Integrasi Frontend)Cara Membina Aplikasi SaaS Multi-Tenant dengan Next.js (Integrasi Frontend)Apr 11, 2025 am 08:22 AM

Artikel ini menunjukkan integrasi frontend dengan backend yang dijamin oleh permit, membina aplikasi edtech SaaS yang berfungsi menggunakan Next.Js. Frontend mengambil kebenaran pengguna untuk mengawal penglihatan UI dan memastikan permintaan API mematuhi dasar peranan

JavaScript: meneroka serba boleh bahasa webJavaScript: meneroka serba boleh bahasa webApr 11, 2025 am 12:01 AM

JavaScript adalah bahasa utama pembangunan web moden dan digunakan secara meluas untuk kepelbagaian dan fleksibiliti. 1) Pembangunan front-end: Membina laman web dinamik dan aplikasi satu halaman melalui operasi DOM dan kerangka moden (seperti React, Vue.js, sudut). 2) Pembangunan sisi pelayan: Node.js menggunakan model I/O yang tidak menyekat untuk mengendalikan aplikasi konkurensi tinggi dan masa nyata. 3) Pembangunan aplikasi mudah alih dan desktop: Pembangunan silang platform direalisasikan melalui reaktnatif dan elektron untuk meningkatkan kecekapan pembangunan.

Evolusi JavaScript: Trend Semasa dan Prospek Masa DepanEvolusi JavaScript: Trend Semasa dan Prospek Masa DepanApr 10, 2025 am 09:33 AM

Trend terkini dalam JavaScript termasuk kebangkitan TypeScript, populariti kerangka dan perpustakaan moden, dan penerapan webassembly. Prospek masa depan meliputi sistem jenis yang lebih berkuasa, pembangunan JavaScript, pengembangan kecerdasan buatan dan pembelajaran mesin, dan potensi pengkomputeran IoT dan kelebihan.

Demystifying JavaScript: Apa yang berlaku dan mengapa pentingDemystifying JavaScript: Apa yang berlaku dan mengapa pentingApr 09, 2025 am 12:07 AM

JavaScript adalah asas kepada pembangunan web moden, dan fungsi utamanya termasuk pengaturcaraan yang didorong oleh peristiwa, penjanaan kandungan dinamik dan pengaturcaraan tak segerak. 1) Pengaturcaraan yang didorong oleh peristiwa membolehkan laman web berubah secara dinamik mengikut operasi pengguna. 2) Penjanaan kandungan dinamik membolehkan kandungan halaman diselaraskan mengikut syarat. 3) Pengaturcaraan Asynchronous memastikan bahawa antara muka pengguna tidak disekat. JavaScript digunakan secara meluas dalam interaksi web, aplikasi satu halaman dan pembangunan sisi pelayan, sangat meningkatkan fleksibiliti pengalaman pengguna dan pembangunan silang platform.

Adakah Python atau JavaScript lebih baik?Adakah Python atau JavaScript lebih baik?Apr 06, 2025 am 12:14 AM

Python lebih sesuai untuk sains data dan pembelajaran mesin, manakala JavaScript lebih sesuai untuk pembangunan front-end dan penuh. 1. Python terkenal dengan sintaks ringkas dan ekosistem perpustakaan yang kaya, dan sesuai untuk analisis data dan pembangunan web. 2. JavaScript adalah teras pembangunan front-end. Node.js menyokong pengaturcaraan sisi pelayan dan sesuai untuk pembangunan stack penuh.

Bagaimana saya memasang javascript?Bagaimana saya memasang javascript?Apr 05, 2025 am 12:16 AM

JavaScript tidak memerlukan pemasangan kerana ia sudah dibina dalam pelayar moden. Anda hanya memerlukan editor teks dan penyemak imbas untuk memulakan. 1) Dalam persekitaran penyemak imbas, jalankan dengan memasukkan fail HTML melalui tag. 2) Dalam persekitaran Node.js, selepas memuat turun dan memasang node.js, jalankan fail JavaScript melalui baris arahan.

See all articles

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
3 minggu yang laluBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Tetapan grafik terbaik
3 minggu yang laluBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Cara Memperbaiki Audio Jika anda tidak dapat mendengar sesiapa
3 minggu yang laluBy尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Cara Membuka Segala -galanya Di Myrise
4 minggu yang laluBy尊渡假赌尊渡假赌尊渡假赌

Alat panas

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SecLists

SecLists

SecLists ialah rakan penguji keselamatan muktamad. Ia ialah koleksi pelbagai jenis senarai yang kerap digunakan semasa penilaian keselamatan, semuanya di satu tempat. SecLists membantu menjadikan ujian keselamatan lebih cekap dan produktif dengan menyediakan semua senarai yang mungkin diperlukan oleh penguji keselamatan dengan mudah. Jenis senarai termasuk nama pengguna, kata laluan, URL, muatan kabur, corak data sensitif, cangkerang web dan banyak lagi. Penguji hanya boleh menarik repositori ini ke mesin ujian baharu dan dia akan mempunyai akses kepada setiap jenis senarai yang dia perlukan.

PhpStorm versi Mac

PhpStorm versi Mac

Alat pembangunan bersepadu PHP profesional terkini (2018.2.1).

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

Persekitaran pembangunan bersepadu PHP yang berkuasa

SublimeText3 Linux versi baharu

SublimeText3 Linux versi baharu

SublimeText3 Linux versi terkini