Html实现简单弹窗展示UI效果

波波斯维奇

于 2019-12-05 17:43:41 发布

阅读量6.2k

点赞数 4

CC 4.0 BY-SA版权

分类专栏： Html技巧

本文链接：https://blog.youkuaiyun.com/qq_17367039/article/details/103409118

Html实现简单弹窗展示UI效果

前言

在今天的项目中，实现了一个很“神”的需求。要在Unity打出的Webgl中做一个C++代码编辑器的功能，要求像VS那样可以调用控制台调试代码。我思来想去，感觉这个功能也只能模拟了，怎么可能能实现这样的功能。于是我在网上查找资料，发现网上有很多线上C++调试网站。于是我想可不可以用Unity打出的html上展示这些C++测试界面，使用Unity调用html里的方法，用弹窗弹出C++测试界面。这就涉及到用html实现弹窗的功能，下面是简单的实现方法。

步骤

1.html代码如下图所示：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>My Test Document</title>

<style>
.box{
   
    width:50%; margin-top:10%;

最低0.47元/天解锁文章