当前位置：首页 → 问答吧 → 网页制作按钮问题

网页制作按钮问题

时间：2011-04-09

来源：互联网

放入一张图片，并且设置四个按钮，即东南，东北，西南，西北四个，图片刚开始是处于西北角的，然后将图片与按钮进行设置，设置成按什么按钮图片跑到哪个方向，求代码，实例

作者: wwwwwwwqqqqqqq 发布时间: 2011-04-09

HTML code

<style type="text/css">
    #kk{
        background:url(img/11.jpg) no-repeat top left;
        width:500px;
        height:500px;
        margin:0px auto;
        border:1px solid #336600;
        position:relative;
    }
    input{
        position:absolute;
        height:20px;
        width:100px;
    }
</style>
    <body>
        <div id="kk" style="">
            <input type="button" value="Click" style="left:0px; top:0px;" onclick="document.getElementById('kk').style.backgroundPosition='top left'"/>
            <input type="button" value="Click" style="left:400px; top:0px;" onclick="document.getElementById('kk').style.backgroundPosition='top right'"/>
            <input type="button" value="Click" style="left:0px; top:480px;" onclick="document.getElementById('kk').style.backgroundPosition='bottom left'"/>
            <input type="button" value="Click" style="left:400px; top:480px;" onclick="document.getElementById('kk').style.backgroundPosition='bottom right'"/>
        </div>
    </body>

作者: hongmei85 发布时间: 2011-04-09

网页制作按钮问题

热门阅读

热门下载