1
A
回答
0
你是指向右滑动的元素?您可以使用animate
方法。并列浮动div元素,其中左侧元素的初始宽度为零。要显示一个框,您可以使用元素为其设置动画,然后显示其中的内容。
实施例:
<style type="text/css">
.slideBox { float: left; margin: 2px; width: 0; height: 200px; background: #eee; }
.slideBox .content { display: none; margin: 10px; background: #ccc; }
#first { width: 100px; }
#first .content { display: block; }
</style>
<script type="text/javascript">
$(function(){
$('#first').click(function(){
$('#second').animate(
{ width: '100px' },
{complete:function(){ $('#second .content').css('display','block'); }}
);
});
$('#second').click(function(){
$('#third').animate(
{ width: '100px' },
{complete:function(){ $('#third .content').css('display','block'); }}
);
});
$('#third').click(function(){
$('#fourth').animate(
{ width: '100px' },
{complete:function(){ $('#fourth .content').css('display','block'); }}
);
});
});
</script>
<div class="slideBox" id="fourth"><div class="content">fourth</div></div>
<div class="slideBox" id="third"><div class="content">third</div></div>
<div class="slideBox" id="second"><div class="content">second</div></div>
<div class="slideBox" id="first"><div class="content">first</div></div>
相关问题
- 1. 克隆并插入jQuery
- 2. jQuery克隆和select2事件
- 3. jquery克隆和
- 4. jQuery克隆|
- 5. Web2py jQuery克隆
- 6. Jquery克隆类
- 7. jQuery的克隆()不克隆事件绑定,即使与on()
- 8. jQuery克隆 - 产生的克隆控件不起作用
- 9. jQuery克隆:它应该克隆DOM级别0事件吗?
- 10. jquery克隆/拖动
- 11. jquery克隆儿童
- 12. jQuery克隆问题
- 13. jquery格式克隆
- 14. JQuery循环克隆
- 15. jQuery克隆和select2
- 16. jQuery的HTML(),克隆
- 17. jQuery克隆表行
- 18. jQuery克隆验证
- 19. 克隆jquery浮图
- 20. jQuery的深克隆不与插件相连元素
- 21. jQuery的:克隆元素和事件
- 22. Jquery事件绑定新克隆行
- 23. 使用JQuery克隆ExtJS组件
- 24. 克隆或不克隆
- 25. 克隆插入仅插入一次后
- 26. jQuery的克隆股利和
- 27. JQuery,多次克隆div
- 28. 循环内的jquery克隆?
- 29. jQuery中的克隆风格?
- 30. 无法删除克隆jquery
有道理。我立即把它想象成动态的,并根据需要创建盒子。 – 2010-02-18 12:57:07