小编ibr*_*him的帖子

Jquery动画pagePiling

我正在寻找类似于这个网站http://cuberto.com/的 jquery动画.到目前为止,我已经通过pagePiling.js 完成了这个链接http://codepen.io/mirmibrahim/pen/MJoGBY.任何人都可以帮助我完全按照curberto的方式完成它.我不知道如何加载一半页面的图像和一半的文本,并打开下一部分来自第一张幻灯片上的方形动画.

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>pagePiling.js plugin - Horizontal scroll</title>
  <meta name="author" content="Alvaro Trigo Lopez" />
  <meta name="description" content="pagePiling.js plugin by Alvaro Trigo." />
  <meta name="keywords" content="pile,piling,piling.js,stack,pages,scrolling,stacking,touch,fullpile,scroll,plugin,jquery" />
  <meta name="Resource-type" content="Document" />

  <link rel="stylesheet" type="text/css" href="../jquery.pagepiling.css" />
  <link rel="stylesheet" type="text/css" href="examples.css" />

  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  <!--script src="../jquery-1.9.1.js"></script-->


  <script type="text/javascript" src="../jquery.pagepiling.js"></script>
  <script type="text/javascript">
    $(document).ready(function() {

      /*
       * Plugin intialization
       */
      $('#pagepiling').pagepiling({
        direction: 'horizontal',
        menu: '#menu',
        scrollingSpeed: 2000,
        anchors: ['page1', 'page2', 'page3', 'page4'],
        sectionsColor: …
Run Code Online (Sandbox Code Playgroud)

javascript css jquery animation pagepiling.js

5
推荐指数
1
解决办法
951
查看次数

标签 统计

animation ×1

css ×1

javascript ×1

jquery ×1

pagepiling.js ×1