jquery统制文本移动

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

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

</div></font> &gt;

在用jquery来控制&lt;, &gt;的移动.. 

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

当单击&gt;时,<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要绝对定位不然看不出效果