如何在图片中添加滚动字体

2020-04-16 社会 152阅读

恩呢  很简单的

Jquery 就可以     需要的话再追问

。。。。。。。。。。。满意望采纳。。。。。。。。。。


就是实现 文字 无缝滚动


代码:

                           

                                     

比萨斜塔的真理

                                     

比萨百强斜塔的真理

                                     

比萨斜强旅行社塔的真理

                                     

比百强旅行社塔的真理

                                     

比萨强旅行社塔的真理

                               




这是JS:

function addEventSimple(obj,evt,fn){

if(obj.addEventListener){

obj.addEventListener(evt,fn,false);

}else if(obj.attachEvent){

obj.attachEvent('on'+evt,fn);

}

}


addEventSimple(window,'load',initScrolling);


var scrollingBox;

var scrollingInterval;

var reachedBottom=false;

var bottom;


function initScrolling(){

scrollingBox = document.getElementById('xst');

scrollingBox.style.overflow = "hidden";

scrollingInterval = setInterval("scrolling()",60);

scrollingBox.onmouseover = over;

scrollingBox.onmouseout = out;

}


function scrolling(){

var origin = scrollingBox.scrollTop++;

if(origin == scrollingBox.scrollTop){

if(!reachedBottom){

scrollingBox.innerHTML+=scrollingBox.innerHTML;

reachedBottom=true;

bottom=origin;

}else{

scrollingBox.scrollTop=bottom;

}

}

}


function over(){

clearInterval(scrollingInterval);

}

function out(){

scrollingInterval = setInterval("scrolling()",60);

}

声明:你问我答网所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流。若您的权利被侵害,请联系fangmu6661024@163.com