选中marquee时才会滑动

选中A标签的时候 里面的marquee才动 可以写成这样吗 求代码

div里面默认放内容，不要用marquee标签，a mouseover的时候才动态生成marquee，mouseout还原默认文本，去掉marquee，而且a，li标签不要乱嵌套

 <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script>
<style>
    #ulMQ{width:500px}
    #ulMQ li a,#ulMQ li{overflow:hidden;zoom:1;clear:both;display:block}
</style>
<ul id="ulMQ">
    <li>
        <a href="#">
            <div><div id="span" style="float:left">￥</div></div>
            <div style="float:right;margin-right:20px;margin-top:-3px">按法律就饿哦发奇偶vcmaofjgeogjeomvfammafeofe</div>
        </a>
    </li>
    <li>
        <a href="#">
            <div><div id="span" style="float:left">￥</div></div>
            <div style="float:right;margin-right:20px;margin-top:-3px">按法律就饿哦发奇偶vcmaofjgeogjeomvfammafeofe</div>
        </a>
    </li>
</ul>
<script>
    $('#ulMQ li a').mouseenter(function () {
        var div = $('div:last', this); 
        div.html('<marquee scrollAmout=1 direction=left width="150px">'+div.text()+'</marquee>');
    }).mouseleave(function () {
        var div = $('div:last', this); 
        div.html(div.text());
    })
</script>