hujung hadapan web
tutorial js
js menyedari kesan tetingkap pop timbul meniru kemahiran qq message_javascript
js menyedari kesan tetingkap pop timbul meniru kemahiran qq message_javascript
Dalam perkembangan atau kehidupan harian kita, kita selalunya perlu menggunakan tetingkap pop timbul. Di sini kami menggunakan js untuk mensimulasikan tetingkap timbul yang serupa dengan mesej QQ dan berkongsi dengan semua orang untuk rujukan anda Kandungan khusus adalah seperti berikut
Tangkapan skrin kesan berjalan:
Siarkan kod terus:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title>javaScript实现网页右下角弹出窗口代码</title>
</head>
<body>
<script type="text/javascript">
var ShowMsg={
title:'提示',
content:'模拟qq弹出框消息提醒',
width:'300px',
height:'100px',
setTitle:function(value){
this.title=value;
},
setContent:function(value){
this.content=value;
},
getTitle:function(){
return this.title;
},
getContent:function(){
return this.content;
},
show:function(){
//弹窗div
var _winPopDiv = document.createElement('div');
_winPopDiv.id="_winPopDiv";
_winPopDiv.style.cssText = 'width:300px; position:absolute; right:0; bottom:0; border:1px solid #666; margin:0; padding:1px; overflow:hidden; display:block;';
//消息标题div
var _titleDiv= document.createElement('div');
_titleDiv.id="_titleDiv";
_titleDiv.innerHTML=this.getTitle();
_titleDiv.style.cssText = 'width:100%; height:22px; line-height:20px; background:#FFCC00; font-weight:bold; text-align:left; font-size:14px;';
_winPopDiv.appendChild(_titleDiv);
//关闭消息按钮span
var _closeSpan= document.createElement('span');
_closeSpan.id="_closeSpan";
_closeSpan.innerHTML="X";
_closeSpan.style.cssText = 'position:absolute; right:4px; top:-1px; color:#FFF; cursor:pointer;font-size:14px;';
_titleDiv.appendChild(_closeSpan);
//内容div
var _conDiv= document.createElement('div');
_conDiv.id="_conDiv";
_conDiv.style.cssText = 'width:100%; height:110px; line-height:80px; font-weight:bold; font-size:12px; color:#FF0000; text-decoration:underline; text-align:center;';
_conDiv.innerHTML=this.getContent();
_winPopDiv.appendChild(_conDiv);
document.body.appendChild(_winPopDiv);
//关闭span绑定事件
var closeDiv = document.getElementById("_closeSpan");
if(closeDiv.addEventListener){
closeDiv.addEventListener("click",function(e){
if (window.event != undefined) {
window.event.cancelBubble = true;
} else if (e.stopPropagation) {
e.stopPropagation();
}
document.getElementById('_winPopDiv').style.cssText="display:none;";
},false);
}else if(closeDiv.attachEvent){
closeDiv.attachEvent("onclick",function(e){
if (window.event != undefined) {
window.event.cancelBubble = true;
} else if (e.stopPropagation) {
e.stopPropagation();
}
document.getElementById('_winPopDiv').style.cssText="display:none;";
});
}
}
};
ShowMsg.show();
</script>
</body>
</html> Saya harap artikel ini akan membantu semua orang dalam mempelajari pengaturcaraan javascript.
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
Perisian apa yang boleh membuat bitcoin? Cadangan Perisian Perdagangan 10 Bitcoin Teratas pada tahun 2025
Feb 21, 2025 pm 09:30 PM
Dengan perkembangan pesat pasaran Bitcoin, adalah penting untuk memilih perisian perdagangan yang boleh dipercayai. Artikel ini akan mencadangkan perisian Perdagangan Sepuluh Bitcoin teratas pada tahun 2025 untuk membantu anda berdagang dengan cekap dan selamat. Perisian ini telah ditayangkan dengan ketat dan mempertimbangkan faktor-faktor seperti fungsi, keselamatan, keramahan pengguna dan tahap sokongan. Dari platform mesra pemula ke alat yang kompleks untuk peniaga yang berpengalaman, anda akan mendapati pilihan terbaik untuk keperluan perdagangan anda dalam senarai ini.
GATEIO EXCHANGE Versi lama Gateio Exchange App Versi Lama Saluran Muat turun
Mar 04, 2025 pm 11:36 PM
Saluran muat turun aplikasi gerbang untuk versi lama, meliputi pasaran aplikasi rasmi, pihak ketiga, komuniti forum dan saluran lain.
Ringkasan Perisian Essential untuk Bulatan Mata Wang 2025
Feb 21, 2025 pm 09:42 PM
Panduan ini memberikan gambaran keseluruhan alat perisian penting dalam bulatan mata wang yang membantu pengguna mengurus dan berdagang aset crypto dengan lebih cekap. Perisian ini meliputi pelbagai kategori dari platform perdagangan ke alat analisis dan penyelesaian keselamatan. Panduan ini direka untuk membantu pengguna mempersiapkan pasaran Crypto yang akan datang pada tahun 2025.
Harga terbaru Bitcoin pada 2018-2024 USD
Feb 15, 2025 pm 07:12 PM
Harga USD Bitcoin masa nyata Faktor yang menjejaskan harga bitcoin Petunjuk untuk meramalkan harga bitcoin masa depan Berikut adalah beberapa maklumat penting mengenai harga Bitcoin pada 2018-2024:
Perisian tontonan pasaran terbaik?
Feb 21, 2025 pm 09:48 PM
Bagi mereka yang terlibat dalam perdagangan mata wang maya, memilih perisian tontonan pasaran yang sangat baik adalah penting. Artikel ini bertujuan untuk memperkenalkan pembaca kepada sepuluh perisian tontonan pertukaran mata wang maya yang paling terkenal untuk membantu mereka membuat pilihan yang tepat. Perisian ini menawarkan pelbagai ciri, termasuk petikan masa nyata, alat analisis teknikal, carta dan makluman tersuai untuk memenuhi keperluan peniaga yang berbeza. Sama ada anda seorang profesional yang berpengalaman atau pemula, artikel ini akan memberi anda pandangan yang berharga untuk membantu anda mencari perisian tontonan terbaik untuk gaya perdagangan anda.
Platform Apl Perdagangan Top 10 Top menyenaraikan kedudukan terbaru 10 pertukaran mata wang teratas
Feb 21, 2025 pm 09:33 PM
Banyak platform pertukaran dengan kekuatan komprehensif yang kuat telah muncul dalam bidang perdagangan aset digital. Antaranya, OKX, Binance dan Huobi telah menjadi penanda aras industri dengan kekuatan teknikal mereka yang kuat, jaminan keselamatan lengkap dan barisan produk yang kaya. Ditubuhkan pada tahun 2013, OKX mempunyai pasukan teknikal yang kukuh dan enjin perdagangan dan sistem keselamatan berprestasi tinggi yang maju memastikan pengalaman perdagangan pengguna. Binance terkenal dengan jumlah perdagangan terbesar di dunia. Huobi telah terlibat dalam industri selama bertahun -tahun dan mempunyai reputasi pengguna yang baik dan pengaruh jenama.
Apakah cara yang berbeza untuk mempromosikan program H5 dan mini?
Apr 06, 2025 am 11:03 AM
Terdapat perbezaan dalam kaedah promosi H5 dan program mini: ketergantungan platform: H5 bergantung kepada penyemak imbas, dan program mini bergantung kepada platform tertentu (seperti WeChat). Pengalaman Pengguna: Pengalaman H5 adalah miskin, dan program mini memberikan pengalaman yang lancar sama dengan aplikasi asli. Kaedah Komunikasi: H5 disebarkan melalui pautan, dan program mini dikongsi atau dicari melalui platform. Kaedah promosi H5: Perkongsian sosial, pemasaran e -mel, kod QR, SEO, iklan berbayar. Kaedah Promosi Program Mini: Promosi platform, perkongsian sosial, promosi luar talian, ASO, kerjasama dengan platform lain.
OUYI Masuk Login Rasmi 2025 OUYI OKX Platform Perdagangan Versi Rasmi
Feb 15, 2025 pm 07:15 PM
Memahami sepenuhnya pintu masuk rasmi platform dagangan OUYI OKX Pemantauan masa nyata penggunaan platform perdagangan OUYI OKX Perbincangan mendalam mengenai Jaminan Keselamatan dan Pelan Pembangunan Platform Perdagangan Ouyi Okx
