jQuery动画slidelleft没有文本换行
jQuery animation slideLeft without text wrapping
我想使用jQuery从左到右显示/隐藏一段文本。
我用
$('#text').animate({
width: ['toggle', 'swing']
});
然而,我看到段落包装动画正在发生。而且它看起来很丑。
查看这个js提琴的一个不希望的效果的例子。
你建议如何在没有包装的情况下获得相同的效果?(如.slideUp()
/slideDown()
)…
感谢您的帮助
您需要在容器上设置overflow: hidden
,然后将动画应用于容器。
试试这个:
CSS:#wrap{
width:200px;
overflow: Hidden;
}
#text{
width:200px;
}
脚本:
setTimeout(
function(){
$('#wrap').animate( // Changed to slide the wrap instead of the #text
{
width: ['toggle', 'swing']
})
},
1000);
http://jsfiddle.net/RDsqy/2/相关文章:
- Internet Explorer中的文本换行错误
- 使用jQuery的输入字段文本换行
- 脚本图像获胜't用文本换行
- D3具有矩形和文本换行的水平树布局
- 标记内的文本换行
- 使用 jQuery 将文本换行在
标记内 - 如何在文本换行时在图像下方保留填充
- 溢出隐藏不会文本换行
- d3.js径向树布局可变节点长度/文本换行节点描述
- 如何手动管理HTML中的文本换行
- jQuery动画slidelleft没有文本换行
- 将文本换行到并由
使用jquery - 文本换行到列
- 如何在文本换行时减少字母间距
- 文本换行选项-建议
- 围绕span文本换行元素
- 在Polymer 1.0中带有绑定的文本换行元素
- Var文本换行或任何格式不工作
- 如何在javascript中拖动图像/元素时导致实时文本换行
- 使用 javascript/jquery 将带有强标签的文本区域中突出显示的文本换行