仿苹果Mac Dock任务栏

最新推荐文章于 2024-08-21 19:02:06 发布

Shsgear

最新推荐文章于 2024-08-21 19:02:06 发布

阅读量1.1w

点赞数 4

分类专栏： js 文章标签： html JavaScript

本文链接：https://blog.csdn.net/Shsgear/article/details/53133205

版权

本文介绍了作者如何跟随网上的教程，利用HTML和JavaScript制作了一个仿苹果Mac系统的Dock任务栏。文章中包含完成这个项目的HTML代码示例。

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

之前看到网上有人做了仿苹果任务栏的，于是跟着也做了一个，下面就是演示图片gif

演示gif

演示图片

下面是完整的HTML代码：

<!--
    作者：shsgear@qq.com
    时间：2016-11-11
    描述：苹果mac dock任务栏
-->
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>苹果mac dock任务栏</title>
      <style type="text/css">
           *{
            margin: 0;
            padding: 0;
           }