index.html

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <style>
        body {
            margin: 0;
            padding: 0;
            background: url('https://cdn.seovx.com/d/?mom=302') no-repeat fixed;
            background-size: cover;
        }

        .con-main {
            position: relative;
            z-index: 1; /* 确保其他元素位于背景之上 */
        }


    </style>
    <title>ToolsLink</title>
    <script src="static/vendor/jquery-1.5/jquery-1.5.min.js"></script>
    <script src="static/js/index.js"></script>
    <script src="static/vendor/template/templateengine.js"></script>
    <link rel="stylesheet" href="static/css/index.css">
    <script type="text/template" id="template_content">
        <# for ( var i = 0; i < data.length; i++ ) { #>
            <div class="classify-title">
                <span><#=data[i].type#></span>
                <span>（<#=data[i].description#>）</span>
            </div>
            <div class="main-box">
                <# for ( var j = 0; j < data[i].items.length; j++ ) { #>
                    <div class="block-box">
                        <a href="javascript:void(0);" title="<#=data[i].items[j].url#>">
                            <div class="up-box">
                                <span class="tit"><#=data[i].items[j].name#></span>
                                <span class="path">（<#=data[i].items[j].url#>）</span>
                            </div>
                        </a>
                        <a href="<#=data[i].items[j].url#>" title="<#=data[i].items[j].description#>" target="<#=data[i].items[j].target#>">
                            <div class="down-box"><#=data[i].items[j].description#></div>
                        </a>
                    </div>
                <# } #>
             </div>
        <# } #>
    </script>
</head>
<body>

    <div class="con-main">
        <div class="search-box">
            <input type="text" placeholder="请输入关键字" class="txt-search" id="searchKey" autofocus="autofocus" />
            <a href="javascript:void(0);" onclick="javascript:clearSearch();" class="close-del">×</a>
            <button class="go-search" onclick="javascript:goSearch();">搜索</button>
        </div>
        <div class="main-box"></div>
    </div>
</body>
</html>