zoukankan      html  css  js  c++  java
  • 超炫电子杂志JQ插件JMagazine

    JMagazine是一个做什么的东西?
      现在网络运用越来也丰富,电子杂志是一个很有趣的东西,不过大家看的大部分。基本都是flash的,有不易修改和加载过慢的缺点,JMagazine是一个在JQ下能帮你完成一个图片电子杂志的插件。
          Current version: beta 0.1.3
          Compressed filesize: 12,288 bytes
          Author: Ariesjia

          这是我做的一个小小的试例,用了 jquery ui,以及前面制作的JTooltips ,在博客园上我只是把杂志的大小改的小了一点,demo随后附上

     操作:1.左键翻页
             2.右键放大,放大的图片可以用鼠标拖动和滑轮滚动, 在放大图片的时候右键点击关闭(因为有了多个鼠标右键的操作说以我吧右键的菜单给屏蔽了)
             3.自动翻页自动记录上一操作为前翻或者后翻,并保持状态
             4.url中有page这个值,这个值设定杂志的初始页面,发送链接时候记录

     
     
    点击左翻 点击右翻 点击自动翻页 停止自动翻页 复制链接给你朋友


    接口介绍
     JMag()
          MagJson:JMagazine杂志配置文件 [Obj]  <具有一个格式的json对象,具体我在后面说> 
          LeftPage:杂志左页 [Selector] 
          RightPage:杂志右页 [Selector]
          ViewPage:杂志放大页 [Selector]
          Recommended:杂志推荐信息 [Selector] 
          StarPageNum:杂志起始页书 [Int]   
          PageCount:杂志总共页数 [Int]  
          PageWidth:杂志宽度 [Int,String 
          PageHeight:杂志高度 [Int,String]
          DefaultPageSpeed:默认翻页动画速度 [Int]
          BeforeLoad:加载前动作 [Function]
          AfterLoad:加载后动作 [Function] 
          PageEvent:自定义翻页动画 [Function]
          PageFirst:翻到第一页的动作 [Function]
          PageLast:翻到第一页的动作 [Function]
          PageError:翻页错误动作 [FunctionPageError的优先级比 PageFirst及PageLast低,如果执行了PageLast或PageFirst就不会执行 PageError
     
    StopAuto()   停止自动翻页
    Zoom()     放大ViewPage的图片,defaultvalue:2
    AutoPlay()    开始自动翻页
    PageGo()   翻一页如果后翻缓存一个data('style','PageGo');如果前翻就缓存一个.data('style','PageBack');再执行PageGo()
    getPageIMG()    获取杂志左右页面的图片src  左页 getPageIMG() .left    右页getPageIMG()  .right
    getPageNum()    获取杂志当前页数,从0开始计数
    getTotalNum()    获取杂志总共页数
    getMagConfig()  获取杂志配置文件
    jumpTo()     跳转到N页,N为杂志左页的页码

    目前就有这么多,我会继续更新的,既然是html的电子杂志,我会在下一个 beta版中加入每个页面能单独配置HTML代码的功能

    插件下载:https://files.cnblogs.com/ariesjia/JMagazine.js
  • 相关阅读:
    Java集合类框架的基本接口有哪些?
    JSR303校验 —— hibernate-validator实现
    JSON和对象或集合间的转换
    Servlet 单例、多线程
    session.invalidate()
    request获取各种路径
    动态加载类并实例化对象 —— newInstance
    js 事件冒泡和事件捕获
    js事件绑定
    css 选择器和优先级
  • 原文地址:https://www.cnblogs.com/jcomet/p/1693556.html
Copyright © 2011-2022 走看看