通过js写一个消息弹框

prompt(data,time) {
        let alertForm = document.createElement(‘div‘);
        alertForm.id="promptBox";
        alertForm.style.position = "fixed";
        alertForm.style.right = "4%";
        alertForm.style.top = "6%";
        alertForm.style.margin = "0 auto";
        alertForm.style.width = "300px";
        alertForm.style.height = "50px";
        alertForm.style.background = "#00bb9c";
        alertForm.style.textAlign = "center";
        alertForm.style.borderRadius = "5px";
        alertForm.style.border = "1px solid #ccc";
        alertForm.style.padding= ‘14px 22px‘;
        alertForm.style.fontSize= ‘14px‘;
        alertForm.style.fontFamily= "微软雅黑";
        alertForm.style.fontWeight= ‘normal‘;
        alertForm.style.color= ‘#fff‘;
        alertForm.style.opacity= ‘.8‘;
        alertForm.style.zIndex = "10001";
        alertForm.innerHTML = data;
        document.getElementsByTagName("body")[0].appendChild(alertForm);
        setTimeout(function(){
            alertForm.style.display = "none";
        },time)
    }
时间: 2024-10-21 05:13:07

通过js写一个消息弹框的相关文章

分享:计算机图形学期末作业!!利用WebGL的第三方库three.js写一个简单的网页版“我的世界小游戏”

这几天一直在忙着期末考试,所以一直没有更新我的博客,今天刚把我的期末作业完成了,心情澎湃,所以晚上不管怎么样,我也要写一篇博客纪念一下我上课都没有听,还是通过强大的度娘完成了我的作业的经历.(当然作业不是百度来的,我只是百度了一些示例代码的意思,怎么用!算了,越解释万一越黑呢!哈哈O(∩_∩)O哈哈~) ----------------------------------------------------------------分界线------------------------------

python之tkinter使用-消息弹框

1 # messagebox:消息弹框 2 # 不断点击按钮,切换各种弹窗 3 import tkinter as tk 4 from tkinter import messagebox 5 from tk_center_win import set_win_center 6 7 root = tk.Tk() 8 root.title('消息框') 9 root.geometry('190x80+300+300') # 设置窗口大小和位置 10 # set_win_center(root, 19

js默认三种弹框方式

<!--js默认三种弹框方式--> <!--警告--><div onclick="alert('警告')">onclick!</div> <!--确认--><div onclick="confirm('确认')">onclick!</div> <!--信息输入--><div onclick="prompt('信息输入')">onclick!

前端用js写一个函数实现KB、MB、GB、TB单位转换

需求:用js写一个函数实现KB.MB.GB.TB单位转换 实现思路: 当函数参数值小于等于1000时,参数除以1000,即可得到最小单位kb,赋值给变量_integer:当_integer值大于1000时,kb值除以1000,即可得到mb,赋值给变量_integer:以此类推. 将单位保存在数组中, 将转换后的值与单位进行拼接即可得到转换后的单位. 代码展示: <!DOCTYPE html> <html lang="en"> <head> <m

HTML+JS 写一个 个人博客

HTML+JS 写一个 个人博客(初学版) HTML+JS 写一个 个人博客(初学版) 自己琢磨了两三天,算是把HTML入门了吧,然后就想着用这点知识写一个个人主页,然后一下午的时间写完了. 先不看代码,说说思路: 第一步:就是构思,一个网页的展示怎么才好看?!!站在一个老男人的角度,那远远是不能的,,, 1.标题 2.菜单栏(加个超链接) 3.展示页面(图片轮播) 第二步:小标题展示页面. 第三步:代码实现.(说了一堆废话)  代码 Jscript实现图片轮播.(很简单,一看就懂) <scri

js写一个通讯录

模拟通讯录列表功能 我们手机上面的通讯录列表里面都有根据右侧的字母跳滚动到该字母的第一个名单地方. 于是我把这个功能拆分成两个功能区思考: 第一个是如何把这些名字的的汉字首字母提取出来,并且把相同字母的汉字归类,最后显示成列表. 第二是右侧字母导航,它需要一直固定在右侧,并且我按一个字母,屏幕最中间会弹出一个字母方框,代表我选中了这个字母. 我首先去实现第一个问题,如何提取名字中第一个汉字的首字母? 我去尝试过许多种方法,其中尝试过使用localeCompare(),我也成功的排序了,但是我发现

[NodeJS]使用Node.js写一个简单的在线聊天室

声明:教程来自<Node即学即用>.源代码案例均出自此书.博文仅为个人学习笔记. 第一步:创建一个聊天server. 首先,我们先来写一个Server: var net = require('net') var chatServer = net.createServer() chatServer.on('connection',function(client){ client.write('connection~~~\n') client.end() }) chatServer.listen(

jquery EsayUi 里一个小弹框

网站后台大多的数据展示就都用和此插件有着密切的关系: 来用一下这个小弹框吧: 一个Html里面的代码 <link rel='stylesheet' type='text/css' href='css/easyui.css' /><link rel='stylesheet' type='text/css' href='css/icon.css /><script type='text/javascript' src='js/jquery.easyui.min.js'>&l

原生js实现拖拽弹框的效果

研究了一上午,模仿了拖拽弹框的效果,小有成就 <script type="text/javascript"> function getByClass(classname,parent){ var par=parent||document, eles=par.getElementsByTagName("*"), needArr=[]; for(var i=0;i<eles.length;i++){ if(eles[i].className==clas