简单页面记录常用的网站

最新推荐文章于 2023-10-10 09:47:32 发布
诸葛冰玄
最新推荐文章于 2023-10-10 09:47:32 发布
阅读量364
点赞数
分类专栏：脚本
本文链接：https://blog.csdn.net/embrace99999/article/details/89467379
版权
脚本专栏收录该内容
8 篇文章 0 订阅
订阅专栏
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
        <title>运维常用网址</title>
        <style>
                *{
                        margin:0;
                        padding:0;
                }
                ul,li{
                        list-style: none;
                }

                .box{
                        width:1200px;
                        overflow:hidden;
                        margin:30px auto;
                }
                .box li{
                        width:150px;
                        height:30px;
                        text-align: center;
                        line-height: 30px;
                        float:left;
                        margin:15px;
                }
                .box li.title{
                        width:100%;
                        text-align: left;
                        font-size: 20px;
                        font-weight: 700;
                        height: 50px;
                        line-height: 50px;
                        margin-bottom: 0px;
                }

                .box li.content{
                        background:rgb(100,100,200);
                }

                .box li a{
                        color:white;
                        text-decoration: none;
                        display:block;
                        font-size:15px;
                        width:100%;
                        height:100%;
                        line-height: 30px;
                }
                h1{
                        margin-top:50px;
                        font-size: 50px;
                        font-weight: 700;
                        text-align: center;
                        letter-spacing:10px
                }
                body{
                        background:url() no-repeat center top;
                }
        </style>
</head>
<body>
        <h1>运维管理平台</h1>
        <ul class="box"></ul>
</body>
</html>
<script src="http://v.aniu.tv/Public/Common/js/jquery.min.js?v=11620"></script>
<script>
        $(function (){
                var infolist=[
                        {
                                "menuTitle":"运维平台",
                                "list":[
                                        {
                                                "title":"zabbix监控",
                                                "url":"http://XXXXXX"
                                        },
                                        {
                                                "title":"jenkins",
                                                "url":"https://XXXXXX"
                                        },
                                        {
                                                "title":"gitlab",
                                                "url":"https://XXXXXX"
                                        },
                                        {
                                                "title":"sonar",
                                                "url":"http://XXXXXX"
                                        },
                                        {
                                                "title":"ovirt",
                                                "url":"XXXXXX"
                                        },
                                        {
                                                "title":"dnspod",
                                                "url":"XXXXXX"
                                        },
                                ]
                        },
                        {
                                "menuTitle":"XXX",
                                "list":[
                                        {
                                                "title":"综合服务网",
                                                "url":"https://wa.police.sh.cn/login.jsp"
                                        },
                                        {
                                                "title":"协作系统(每月20号)",
                                                "url":"https://180.153.21.105/wxb/Account/login.aspx"
                                        },
                                        {
                                                "title":"不良信息举报",
                                                "url":"http://111.202.27.196:13223/login.do"
                                        }
                                ]
                        },
                                                {
                                "menuTitle":"CDN",
                                "list":[
                                        {
                                                "title":"帝联管理平台",
                                                "url":"https://cloudcdn.dnion.com/"
                                        },
                                        {
                                                "title":"帝联清缓存平台",
                                                "url":"http://runreport.dnion.com/zk/datamanager/bandwidth.zul"
                                        }
                                ]
                        },
                        {
                                "menuTitle":"后台管理系统",
                                "list":[
                                        {
                                                "title":"XXX",
                                                "url":"XXXXXX"
                                        },
                                        {
                                                "title":"后台管理系统",
                                                "url":"XXXXXX"
                                        }
                                ]
                        }
                ];
                var html='';
                for(var i in infolist){
                        var data=infolist[i];
                        html+='<li class="title">'+data['menuTitle']+'</li>';
                        for(var j in data.list){
                                var list=data.list[j];
                                html+='<li class="content">';  
                                html+='<a href="'+list.url+'" target="_blank">'+list.title+'</a></li>';
                        }
                        
                }
                $('.box').html(html);
        });
</script>
附上效果图：
在这里插入图片描述