masyarakat Belajar Perpustakaan Alatan Masa lapang

Melayu

Rumah > hujung hadapan web > html tutorial > 请问这个网页顶部的图片滚动效果是怎么实现的？谢谢_html/css_WEB-ITnose

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

WBOY

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

asal

1388 orang telah melayarinya

就是这个： 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);	})

Salin selepas log masuk

修改 background-position

JScript code

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

Label berkaitan：

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

sumber：php.cn

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

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang