Gemeinschaft Lernen Tools-Bibliothek Freizeit

Deutsch

Heim > Web-Frontend > HTML-Tutorial > 请问这个网页顶部的图片滚动效果是怎么实现的？谢谢_html/css_WEB-ITnose

请问这个网页顶部的图片滚动效果是怎么实现的？谢谢_html/css_WEB-ITnose

WBOY

Freigeben： 2016-06-24 12:08:46

Original

1388 Leute haben es durchsucht

就是这个： http://www.nilock.com/2011/05/19/a-parallax-scrolling-demo/comment-page-1/

大家帮我看看，谢谢啦，我是新手……

回复讨论(解决方案)

不停的修改
background-position

应用js做的

这些云都是同一张图片，然后用JS让他动起来，看起来有层次感 CSS3 和JS 都可以做！

$( function($) {	        var current = 0;		setInterval(function(){	       if(current==-6000) {current=0;}	       current -=600;	       $('#header-background').animate({backgroundPosition:current+"px 0px"},25000);	    },2500);	})

Nach dem Login kopieren

修改 background-position

JScript code

$( function($) {
            var current = 0;
        setInterval(function(){
           if(current==-6000) {current=0;}
           current -=600;
           $('#header-background').an……
++

Verwandte Etiketten：

请问这个网页顶部的图片滚动效果是怎么实现的？谢谢

Quelle：php.cn

Vorheriger Artikel：html5如何实现相册？_html/css_WEB-ITnose Nächster Artikel：请帮忙看一下这个效果是怎么实现的,非常感谢_html/css_WEB-ITnose

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

Neueste Artikel des Autors