Heim >Web-Frontend >js-Tutorial >JavaScript implementiert einfaches Scrollen von Bildern mit Quellcode-Download_Javascript-Kenntnissen

JavaScript implementiert einfaches Scrollen von Bildern mit Quellcode-Download_Javascript-Kenntnissen

WBOYOriginal: 2016-05-16 16:43:591155Durchsuche

Hast du gestern Abend den Highlight-Kampf zwischen Deutschland und Portugal gesehen? Im Spiel am frühen Morgen der Pekinger Zeit unterlag Portugal unter der Führung von Cristiano Ronaldo Deutschland völlig mit 0:4... Er ist der Gewinner des Golden Globe Award, des Goldenen Schuhs Europas und der Kern des Champions-League-Meisters . Im portugiesischen Team... 9 Bilder von Cristiano Ronaldo sagen dir, was es bedeutet. Willst du ohne Tränen weinen

Code kopieren Der Der Code lautet wie folgt:

 
Bildlauf 
 
 ;div class="news_header"> Ronaldo, komm schon

>

< ;td> Komm schon Ronaldo

;

/table>
/div>

< script type="text/javascript">
var scrollContWidth = 300;
var scrollSpeed = 25;

var scrollContainer = document.getElementById('scrollContainer');
var scrollContent = document.getElementById('scrollContent') ;
var firstCol = document.getElementById('firstCol');
var lastCol = document.getElementById( 'lastCol');//Kopieren Sie den Inhalt der ersten Spalte in die zweite Spalte damit das Scrollen kontinuierlich aussieht
lastCol.innerHTML = firstCol.innerHTML;
scrollContainer.style.height = scrollContHeight "px"; noWrap = true;
scrollContainer.onmouseover = new Function("stopscroll=true;");
scrollContainer .onmouseout = new Function("stopscroll=false;");
{
scrollContainer.scrollLeft = 0;
setInterval(scrollLeft1,scrollSpeed);
var currleft = 0;
function scrollLeft1() 🎜>{
if(stopscroll == true) return;
currleft = scrollContainer.scrollLeft;
scrollContainer.scrollLeft = 1;
if(currleft == scrollContainer.scrollLeft)
{
scrollContainer.scrollLeft = 0;
scrollContainer.scrollLeft = 1;
}

< ;/span>

Quellcode-Download

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：ext Combobox lädt Datenbankdaten dynamisch (mit Front- und Backend)_extjsNächster Artikel：ext Combobox lädt Datenbankdaten dynamisch (mit Front- und Backend)_extjs

In Verbindung stehende Artikel

Mehr sehen