读书人

jquery统制文本移动

发布时间: 2012-09-16 17:33:16 作者: rapoo

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要绝对定位不然看不出效果

读书人网 >asp.net

热点推荐