js文字向左滚动(js文字左右滚动效果)
要用js的方式实现文字滑动显示！
css方式；
marquee behavior="alternate"来回滚动/marquee
js方式：
javascript 模拟Marquee文字向左均匀滚动代码
可以实现匀速、无缝、加链接以及其它的修饰效果，本代码就是实现了这一功能，让文字从右至右平滑滚动，滚动宽度、高度、速度均可以设定。
Js文字向左运动
var
marqueewidth=350
var
marqueeheight=22
var
speed=5
var
marqueecontents='欢迎光临脚本之家
if
(document.all)
document.write(''+marqueecontents+'')
function
regenerate(){
window.location.reload()
}
function
regenerate2(){
if
(document.layers){
setTimeout("window.onresize=regenerate",450)
intializemarquee()
}
}
function
intializemarquee(){
document.cmarquee01.document.cmarquee02.document.write(''+marqueecontents+'')
document.cmarquee01.document.cmarquee02.document.close()
thelength=document.cmarquee01.document.cmarquee02.document.width
scrollit()
}
function
scrollit(){
if
(document.cmarquee01.document.cmarquee02.left=thelength*(-1)){
document.cmarquee01.document.cmarquee02.left-=speed
setTimeout("scrollit()",100)
}
else{
document.cmarquee01.document.cmarquee02.left=marqueewidth
scrollit()
}
}
window.onload=regenerate2
[Ctrl+A
全选
注:如需引入外部Js需刷新才能执行]
js 文字左滚动
这是JS
script?type="text/javascript"
???????????????
???????????????????$(function(){
????????????????????var?speed?=?30;
????????????????????var?topscroll?=?document.getElementById("divkuaixunxinxi");
????????????????????var?scrolla?=?document.getElementById("topscrolla");
????????????????????var?scrollb?=?document.getElementById("topscrollb");
????????????????????var?scroll??=?document.getElementById("scroll");
????????????????????var?isIE6_7?=?false;
????????????????????if($.browser.msie($.browser.version?==?"6.0")!$.support.style?||?$.browser.msie($.browser.version?==?"7.0")){
????????????????????????scroll.style.width="1600px";
????????????????????????isIE6_7?=?true;
????????????????????}else{
????????????????????????scroll.style.width=(scrolla.offsetWidth*2-50)+"px";
????????????????????}
????????????????????
????????????????????????scrollb.innerHTML?=?scrolla.innerHTML;
????????????????????????function?Marquee()?{
????????????????????????????if?(scrollb.offsetWidth?-??topscroll.scrollLeft?=0)
????????????????????????????????topscroll.scrollLeft?-=?scrolla.offsetWidth;
????????????????????????????else?{
????????????????????????????????topscroll.scrollLeft++;
????????????????????????????????if(isIE6_7??topscroll.scrollLeft??1718){
????????????????????????????????topscroll.scrollLeft?-=?scrolla.offsetWidth;
????????????????????????????????}
????????????????????????????}
????????????????????????}
????????????????????????var?mar?=?setInterval(Marquee,?speed);
????????????????????????topscroll.onmouseover?=?function()?{?clearInterval(mar)?};
????????????????????????topscroll.onmouseout?=?function()?{?mar?=?setInterval(Marquee,?speed)?}
??????????????????})
????????/script
????????这是HTML
????????div?id="divkuaixunxinxi"?class="kuaixunxinxi"
????????????????div?id="scroll"
????????????????????div?id="topscrolla"
???????????????????????????????????·a平价私享天堂假期3日梦幻爱昵岛/a平价私享天堂假期3日梦幻爱昵岛nbsp;nbsp;·平价私享天堂假期3日梦幻爱昵岛nbsp;nbsp;·平价私享天堂假期3日梦幻爱昵岛nbsp;nbsp;·平价私享天堂假期3日梦幻爱昵岛?
????????????????????/div
????????????????????div?id="topscrollb"
????????????????????/div
????????????????/div
????????????/div
