jquery翻转180动画_惊人的jQuery笔记本页面翻转动画

jquery翻转180动画

jQuery因其实用性，灵活性和速度而变得越来越流行。 这种笔记本动画风格（例如“ Flash页面布局”页面翻转动画）就是这些能力的一个很好的例子。 这种奇特的jQuery笔记本外观使用称为jQuery Booklet插件的jQuery动画插件。

jQuery Notebook动画的专业版

• 轻量级（压缩版只有17kb）
• 使用页面的滑动div易于安装
• 非常流畅的页面翻转动画和栩栩如生的页面效果

观看演示

如何安装

1. 下载jQuery MoleSkine Notebook软件包
2. 在下面添加HTML（为每个页面添加一个类别为“ b-load”的div）
3. 编辑CSS样式以适合您的需求
4. 编辑Booklet JS选项以调整页面动画

jQuery Moleskine软件包包括：

• jQuery Booklet插件
• 需要所有图像： photoshop文件背景 ， 导航图像等…
• jQuery 1.4.4.min.js
• jQuery easing.1.3.js
• 页面的自定义字体
• HTML模板示例

HTML代码

  
  

	
   
   
	
   
   

	
   
   

    
    Loading pages...
   
   

	
   
   

		
    
    

			
     
     

				
      
      
				
      
      
Slider Gallery
				
      
      
This tutorial is about creating a creative gallery...
				
      
      Article
				
      
      Demo
			
     
     
			
     
     

      
      
				...
			
     
     
		
    
    
	
   
   

  
  

资料来源： http : //tympanus.net/codrops/2010/12/14/moleskine-notebook/

翻译自: https://www.sitepoint.com/jquery-notebook-style-page-animation/

jquery翻转180动画