jquery统制文本移动_ASP.NET

jquery控制文本移动?
有以下html代码:

< <font><div>
<a href="javascript:void(0);">学习</a> |
<a href="javascript:void(0);">努力</a> |
<a href="javascript:void(0);">小星座</a> |

</div></font> >

在用jquery来控制<, >的移动..

即是当单击<时,<div>里头的内容向左移动几个像素,

当单击>时,<div>里头的内容向右移动几个像素..

用jquery如何写..谢谢..

------解决方案--------------------------------------------------------

JScript code

       <script>                 $(document).ready(function() {                     $("#left").click(function() {                         var offset = $("#list").offset();                         $("#list").css("left", offset.left - 1);                     });                     $("#right").click(function() {                     var offset = $("#list").offset();                         $("#list").css("left", offset.left + 1);                     });                 });           </script>
------解决方案--------------------------------------------------------
<div id="list" style="position: absolute">外层要移动的DIV要绝对定位不然看不出效果