原生JS实现九宫格拼图

吃了三明治

于 2024-03-11 21:37:29 发布

阅读量655

点赞数 6

CC 4.0 BY-SA版权

文章标签： javascript 开发语言

本文链接：https://blog.csdn.net/m0_59302271/article/details/136635936

概要

用js实现简单九宫格拼图

代码如下

结构

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css">
</head>
<style></style>
<body>
    <div class="map">
        <ul>
            <li><span>1</span></li>
            <li><span>2</span></li>
            <li><span>3</span></li>
            <li><span>4</span></li>
            <li><span>5</span></li>
            <li><span>6</span></li>
            <li><span>7</span></li>
            <li><span>8</span></li>
            <li><span>9</span></li>
        </ul>
   </div>
    //深拷贝
   <script src="./js/deepCopy.js"></script>
    <script src="./js/index.js"></script>
   
    <script></script>
</body>
</html><