jquery统制文本移动
日期：2014-05-17 浏览次数：20646 次
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如何写..谢谢..
------解决方案--------------------
有以下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要绝对定位不然看不出效果
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
