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

WBOY
Freigeben: 2016-05-16 16:43:59
Original
1146 Leute haben es durchsucht

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


;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
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Komm schon Ronaldo Komm schon Ronaldo Komm schon Ronaldo Komm schon Ronaldo Komm schon RonaldoKomm schon Ronaldo
Komm schon Ronaldo