gpt4 book ai didi

jquery - 当文本溢出时使 JQuery Marquee

转载 作者:行者123 更新时间:2023-12-01 07:56:56 24 4
gpt4 key购买 nike

我正在尝试制作一个 Jquery 脚本,如果文本溢出到 #box div 之外,该脚本将在文本周围放置选取框标记。文本明显比 30px 宽,并且 div 确实隐藏了大部分文本。我的问题是字幕效果没有出现。这是我的完整代码:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
#box {
width:30px;
overflow:hidden;
}
</style>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
</head>

<body>

<div id="box">
Overflooooooooooow
</div>

<script>

$(function(){
$box = $('#box');
$box.children().each(function(){
if ($box.width() < $(this).width()) {
$(this).wrap('<marquee>');
}
});
});
</script>
</body>
</html>

感谢您的帮助。感谢所有帮助。

最佳答案

div 内的文本只是一个文本节点,而不是可以获取其宽度的元素。只需添加一个内部 block 元素:

<div id="box">
<div>Overflooooooooooow</div>
</div>

编辑:

抱歉,不适用于内部 div,因为它默认继承父级宽度。使用跨度:

<div id="box">
<span>Overflooooooooooow</span>
</div>

关于jquery - 当文本溢出时使 JQuery Marquee,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23641244/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com