用css和javascript写的一个类似于钟表的速度表_孙宇航的blog

用css和javascript写的一个类似于钟表的速度表_孙宇航的blog_百度空间

百度编辑器没有粘贴代码的插件，比较烦人。
看代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>显示性能</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<style type="text/css">
    body{
        margin: 0;
        padding: 0;
    }
    * {
        margin: 0;
        padding: 0;
    }
    #showbase {
        width: 132px;
        height: 132px;
        position: relative;
        margin: 0 auto;
        background: url(clockbase.png) no-repeat;
    }
    #cpu {
        width:132px;
        height:132px;
        position: absolute;
        top: 0px;
        left: 0px;
        background: url(result.png) no-repeat left bottom;
    }
    #showbase .show05 {background-position: left top;}
    #showbase .show10 {background-position: left -142px;}
    #showbase .show15 {background-position: left -284px;}
    #showbase .show20 {background-position: left -426px;}
    #showbase .show25 {background-position: left -568px;}
    #showbase .show30 {background-position: left -710px;}
    #showbase .show35 {background-position: left -852px;}
    #showbase .show40 {background-position: left -994px;}
    #showbase .show45 {background-position: left -1136px;}
    #showbase .show50 {background-position: left -1278px;}
    #showbase .show55 {background-position: left -1420px;}
    #showbase .show60 {background-position: left -1562px;}
</style>

<script type="text/javascript" language="javascript">
    function pointShow(pointElementID, num)
    {
        var objPoint = document.getElementById(pointElementID);
        if (!objPoint) { return; }

        objPoint.className = "show"+num;
    }
</script>
<body>
    <div id="showbase">
        <div id="cpu"></div>

    </div>
    <script type="text/javascript" language="javascript">
        pointShow('cpu', '30');
      </script>
</body>
</html>

郑重声明：资讯【用css和javascript写的一个类似于钟表的速度表_孙宇航的blog_百度空间】由发布，版权归原作者及其所在单位，其原创性以及文中陈述文字和内容未经(企业库qiyeku.com)证实，请读者仅作参考，并请自行核实相关内容。若本文有侵犯到您的版权，请你提供相关证明及申请并与我们联系（qiyeku # qq.com）或【在线投诉】，我们审核后将会尽快处理。

—— 相关资讯 ——