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
  • 相关阅读:
    多表联合查询,利用 concat 模糊搜索
    order by 中利用 case when 排序
    Quartz.NET 3.0.7 + MySql 动态调度作业+动态切换版本+多作业引用同一程序集不同版本+持久化+集群(一)
    ASP.NET Core 2.2 基础知识(十八) 托管和部署 概述
    ASP.NET Core 2.2 基础知识(十七) SignalR 一个极其简陋的聊天室
    ASP.NET Core 2.2 基础知识(十六) SignalR 概述
    ASP.NET Core 2.2 基础知识(十五) Swagger
    ASP.NET Core 2.2 基础知识(十四) WebAPI Action返回类型(未完待续)
    linux磁盘管理 磁盘查看操作
    linux磁盘管理 文件挂载
  • 原文地址:https://www.cnblogs.com/jcomet/p/1693556.html
Copyright © 2011-2022 走看看