3个回答
展开全部
ol元素横向循环很简单,只需要设置ol的高度和宽度,然后向左浮动就可以了,比较难的是文字方向自上而下,ie有一个属性可以设置,但是其他浏览器是没有的,我的思路就是ol的宽度刚好就设置成一个字的宽度,一般都是12px。现假设ul的id是ul_f
用:$('#ul_f > ol').css({'padding':'2px 9px','width':'12px','height':'100px','float':'left'});
整体的代码如下:
<style type="text/css">
#ul_f {list-style-type:none;padding:0;margin:0;}
#ul_f ol{list-style-type:none;padding:0;margin:0;background-color:#f00;color:#fff;border-left:1px solid #fff}
</style>
<script src="js/jquery-1.4.js"></script>
<body>
<ul id="ul_f">
<ol>我是谁啊</ol>
<ol>我是谁啊</ol>
<ol>我是谁啊</ol>
<ol>我是谁啊</ol>
<ol>我是谁啊</ol>
<ol>我是谁啊</ol>
<ol>我是谁啊</ol>
</ul>
<script type="text/javascript">
$('#ul_f > ol').css({'padding':'2px 9px','width':'12px','height':'100px','float':'left'});
</script>
用:$('#ul_f > ol').css({'padding':'2px 9px','width':'12px','height':'100px','float':'left'});
整体的代码如下:
<style type="text/css">
#ul_f {list-style-type:none;padding:0;margin:0;}
#ul_f ol{list-style-type:none;padding:0;margin:0;background-color:#f00;color:#fff;border-left:1px solid #fff}
</style>
<script src="js/jquery-1.4.js"></script>
<body>
<ul id="ul_f">
<ol>我是谁啊</ol>
<ol>我是谁啊</ol>
<ol>我是谁啊</ol>
<ol>我是谁啊</ol>
<ol>我是谁啊</ol>
<ol>我是谁啊</ol>
<ol>我是谁啊</ol>
</ul>
<script type="text/javascript">
$('#ul_f > ol').css({'padding':'2px 9px','width':'12px','height':'100px','float':'left'});
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
假设ol的 id 是 ol1,那么实际上左右循环显示不过就是把第一个元素变成最后一个,或者相反,例如
左移的时候click事件为
$('#ol1 > li:first').appendTo($'#ol1');
右移事件则为
$('#ol1 > li:last').prependTo($('#ol1'));
这个例子不一定合用,但是应该能为你提供解决思路。
左移的时候click事件为
$('#ol1 > li:first').appendTo($'#ol1');
右移事件则为
$('#ol1 > li:last').prependTo($('#ol1'));
这个例子不一定合用,但是应该能为你提供解决思路。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
jquerytool scrollable 自己去看看吧 很简单的
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询