文字智能滚动效果宽度不够时左右移动

发布时间：2018-09-12 16:23:34 所属栏目：产品来源：站长网

导读：烈火网(LieHuo.Net)教程为什么说它是智能滚动呢？因为如果我们在布局网页的时候，预留的滚动区域太小的话，有可能文字会有一部分看不到，本款代码可以智能判断区域大小，如果不够显示文字，那么它会控制文字做相应的左右滚动，保证浏览者能看清楚文字，然

　　烈火网(LieHuo.Net)教程为什么说它是智能滚动呢？因为如果我们在布局网页的时候，预留的滚动区域太小的话，有可能文字会有一部分看不到，本款代码可以智能判断区域大小，如果不够显示文字，那么它会控制文字做相应的左右滚动，保证浏览者能看清楚文字，然后继续上下滚动。

<html> <head> <title>文本滚动</title> <style type="text/css"> #infozone{font-size:12px;color:#aa6;overflow:hidden;width:98px;height:20px;} #infozone div{height:20px;line-height:20px;white-space:nowrap;overflow:hidden;} </style> </head> <body> <div id="infozone"><div>青花瓷（周杰伦）</div><div>一生有你（水木年华）</div><div>神话（孙楠、韩红）</div> </body> </html>
提示：可修改后代码再运行!

（编辑：济源站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

跑分无敌 ROG游戏手机	华为Mate 50 Pro拆解
最强骁龙8+折叠屏 viv	华为Mate 50系列处理器

文字智能滚动效果 宽度不够时左右移动

文字智能滚动效果宽度不够时左右移动