自定义confirm--仿PC版微信视频通话振铃页面

最新推荐文章于 2024-04-12 17:42:22 发布

yueliang0000

最新推荐文章于 2024-04-12 17:42:22 发布

阅读量883

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript css

本文链接：https://blog.youkuaiyun.com/yueliang0423/article/details/103514123

本文介绍了如何制作一个模仿PC版微信视频通话振铃页面的自定义confirm对话框。通过创建html、css和js文件，详细讲解了实现这一功能的步骤和代码细节。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、效果图

二、实现代码

1、先建一个html文件，以confirm.html命名（使用的图片和jquery-1.7.1.min.js文件需自行准备，其他版本jquery也可）

<!DOCTYPE html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>自定义confirm</title>
    <link href="confirm.css" rel="stylesheet" />
    <script src="jquery-1.7.1.min.js"></script>
    <script src="confirm.js"></script>
</head>
<body>
  <div class="wrap-dialog hide">
      <div class="dialog">
          <div class="dialog-header">
              <span class="dialog-message"></span>
          </div>
          <div class="dialog-body">
              <img src="camera.png"/>
          </div>
          <div class="dialog-footer">