Question

我试着做一个页面滑动，但效果不好。

我在测试时下载了此代码http://www.ianlewis.org/files/multi-pageslide/demo.html，它不会调用并在pageslide栏中显示外部html页面。有人可以帮忙吗

    <html>  
<head>  
<title>jQuery Multi-Pageslide Demo</title>  
<script src="jquery.min.js"></script>  
<script src="jquery.pageslide-0.2.js"></script>  

<style type="text/css">  

#pageslide-body-wrap {  
  position: relative;  
}  

#pageslide-slide-wrap {  
  position: fixed;  
  width: 0;  
  top: 0;  
  right: 0;  
  height: 100%;  
  background-color: #000;  
}  

#pageslide-content {  
}  

#secondary {  
  padding: 15px 35px;  
  color: #FFFFFF;  
}  

#pageslide-content h2 {  
  color: #C60;  
  font-size: 130%;  
  padding-bottom: 20px;  
}  

#pageslide-content p {  
  padding-bottom: 15px;  
}  

.help {
    text-align: right;
}
</style>  
</head>  

<body>  

<p><a class="help" href="secondary_page.html">menu</a>

<script type="text/javascript">  
$(document).ready(function() {  
  $('a.help').pageSlide({  
      width: "300px",  
      duration: "fast"  
  });  
  $('a.help-long').pageSlide({  
      width: "600px"  
  });  
  $('a.help-full').pageSlide({  
      width: "100%",  
      duration: 1000  
  });  
});  
</script>  
</body>  

</html>

不会在pageslide中显示外部html页面

0 个答案: