JS实现MSN风格右下角弹出提示框

作者:函数茶馆

时间:2026-10-25

浏览:138

本文提供一段JavaScript代码,用于在网页右下角模拟MSN风格的弹出提示框。代码包含HTML结构、CSS样式及交互逻辑,通过引入外部JS文件并刷新页面即可运行。

文章目录

MSN风格右下角弹出窗口实现

 <!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> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>aa</title> <style type="text/css"> * { margin: 0px; padding: 0px; } html, body { height: 100%; } body { font-size: 14px; line-height: 24px; } #tip { position: absolute; right: 0px; bottom: 0px; height: 0px; width: 180px; border: 1px solid #CCCCCC; background-color: #eeeeee; padding: 1px; overflow: hidden; display: none; font-size: 12px; z-index: 10; } #tip p { padding: 6px; } #tip h1, #detail h1 { font-size: 14px; height: 25px; line-height: 25px; background-color: #0066CC; color: #FFFFFF; padding: 0px 3px 0px 3px; filter: Alpha(Opacity=100); } #tip h1 a, #detail h1 a { float: right; text-decoration: none; color: #FFFFFF; } </style>  </head> <body> click </body> </html> 

注意:使用Ctrl+A全选后,若需引入外部JS文件,必须刷新页面方可执行。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章