-moz-element使用测试实例页面

CSS代码：

.box{width:400px; height:100px; background:-moz-element(#myBg) no-repeat; background:-webkit-element(#myBg) no-repeat; background:element(#myBg) no-repeat;}
.button{position:relative;}
                

HTML代码：

<div class="box"></div>
<button id="myBg" class="button">我是一个按钮</button>
<p>
    <a href="javascript:" id="buttonColor">按钮变色</a>
    &emsp;
    <a href="javascript:" id="buttonWidth">按钮变宽度</a>
    &emsp;
    <a href="javascript:" id="buttonOut">按钮飞出</a>
</p>
                

JS代码：

$("#buttonColor").click(function() {
    $("#myBg").css("color", "red");
    return false;
});
$("#buttonWidth").click(function() {
    $("#myBg").css("width", 160);
    return false;
});
$("#buttonOut").click(function() {
    $("#myBg").css("left", "-9999em");
    return false;
});