Pra*_*esh 7 html javascript css flash
我正在设计网页,我需要将文本从显示器屏幕的左侧移动到屏幕的右侧.我试过<marquee>标签.它没有任何错误.
我的要求是,当文本即将在网页右侧消失时,它应该从页面的左侧开始出现.它不应该等待所有文本消失然后从左侧开始.
直到现在我一直在使用它<html>.请另外建议其他方法.
可以使用 JavaScript:
将滚动文本的两份副本按容器的宽度分开。从(左侧副本可见)到(右侧副本可见)进行动画处理,然后跳回并重复。
类似的东西(未经测试,使用 jQuery):
<div class="outer">
<div class="inner">
some text
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
CSS:
.outer, .inner {
width: 100%;
}
.outer {
position: relative;
overflow: hidden;
}
.inner {
position: absolute;
}
Run Code Online (Sandbox Code Playgroud)
js:
(function rerun(){
var time = 10000 //ms
$(".inner").slice(0,-1).remove()
$i1=$(".inner")
$i2=$i1.clone()
$i1.css({left:0}).animate({left:"-100%"}, time)
$i2.insertAfter($i1).css({left:"100%"}).animate({left:0}, time, rerun)
})()
Run Code Online (Sandbox Code Playgroud)
这样,文本一旦开始在右侧消失,就应该开始出现在右侧。修改相对宽度以获得不同的效果。