Beispiel für die Nachahmung der JavaScript-Fähigkeiten von Jingdong Express-js-Tutorial-php.cn

Beispiel für die Nachahmung der JavaScript-Fähigkeiten von Jingdong Express

韦小宝

Freigeben： 2017-12-15 11:01:42

Original

1370 Leute haben es durchsucht

Der unten stehende Herausgeber wird Ihnen ein Beispiel für js zeigen, das das Aufwärtsscrollen von Jingdong Express imitiert und den js-Quellcode bereitstellt! Studierende, die sich für js interessieren, können sich den Quellcode ansehen. Ich hoffe, dass er für alle hilfreich ist. Folgen wir dem Herausgeber und werfen wir einen Blick darauf.

Die Beispiele sind wie folgt:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>

<body>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<p id="broadcast" class="bar" name="giftactive">
<p style="float:left"><strong>间隔滚动效果：</strong></p>
<p id="demo" style="overflow:hidden;height:22px;line-height:22px;">
<ul class="mingdan" id="holder">
<li><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" target="_blank">aaaaaa</a></li>
<li><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" target="_blank">bbbbbb</a></li>
<li><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" target="_blank">cccccc</a></li>
<li><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" target="_blank">dddddd</a></li>
<li><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" target="_blank">eeeeee</a></li>
</ul>
</p>
</p>
<script type="text/javascript">
function AutoScroll(obj) {
$(obj).find("ul:first").animate({
marginTop: "-22px"
}, 500, function() {
$(this).css({ marginTop: "0px" }).find("li:first").appendTo(this);
});
}

$(document).ready(function() {
setInterval(&#39;AutoScroll("#demo")&#39;, 1000)
});
</script>
</body>
</html>

Nach dem Login kopieren

Das obige Beispiel für die Nachahmung des Hochscrollens von JD Express ist der gesamte vom Herausgeber geteilte Inhalt. Ich hoffe, es kann Ihnen eine Referenz geben! !

Verwandte Empfehlungen:

JS Bubble Sort Selection Sort und Insertion Sort Beispielanalyse

js-Methode zum Ermitteln der Größe des vom Frontend lokal hochgeladenen Bildes

js-setinterval-Methode zum Ändern des Laufzeitzeitraums

Das obige ist der detaillierte Inhalt vonBeispiel für die Nachahmung der JavaScript-Fähigkeiten von Jingdong Express. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!