> 웹 프론트엔드 > HTML 튜토리얼 > 请问这个网页顶部的图片滚动效果是怎么实现的?谢谢_html/css_WEB-ITnose

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

WBOY
풀어 주다: 2016-06-24 12:08:46
원래의
1394명이 탐색했습니다.

就是这个: 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);	}) 
로그인 후 복사

修改 background-position

JScript code

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

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿