js右下角定时通知提示框的实现

最新推荐文章于 2022-10-27 17:02:02 发布

aoxiang94

最新推荐文章于 2022-10-27 17:02:02 发布

阅读量662

点赞数

分类专栏： js 前台显示文章标签： jsp javascript

本文链接：https://blog.csdn.net/aoxiang94/article/details/50492729

版权

本文介绍了如何使用JavaScript在网页右下角创建定时通知提示框。初次加载页面时需调用特定方法来触发功能。

摘要由CSDN通过智能技术生成

1、初次进入页面需要调用一下方法：

<body <c:if test="${repList.size()>0}">onLoad="document.getElementById('tip').style.height='0px';select()"</c:if>>

2、加入提示框的代码

<div id="tip" style="text-align:12px;"><h1><a href="javascript:void(0)" οnclick="colse()">×</a>最新信息</h1>
 	<bgsound id="ddsound" loop="0" src=""/> //这里是提示音的标签
	<ul id="newReport">
	</ul>
	</div>

3、相关css样式

<style type="text/css">
#tip ul li{}
#tip {
	position:fixed;
	right:0px;
	bottom:0px;
	height:0px;
	width:300px;
	border:1px solid #8093ba;
	background-color:#ffffff;
	padding:1px;
	overflow:hidden;
	display:none;

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

aoxiang94

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js右下角定时通知提示框的实现

1、初次进入页面需要调用一下方法：0}">onLoad="document.getElementById('tip').style.height='0px';select()">2、加入提示框的代码×最新信息 //这里是提示音的标签 3、相关css样式#tip ul li{}#tip { position:fixed; right:0px; botto
复制链接

扫一扫