精华内容
下载资源
问答
  • turnjs4学习笔记

    2021-01-20 14:05:30
    turnjs4学习笔记前言下载开始准备工作样式构造方法方法事件 前言 领导交代做一个电子书要在手机上能看,要有翻页的效果。本来想在网上直接找一个,无奈素材都要钱,巧的是发现了这个turnjs,实现了翻页的效果。学习...
  • turnjs帮助文档

    2016-12-01 15:16:58
    turnjs帮助文档
  • TurnJS制作的通用相册

    2019-10-31 11:28:57
    使用TurnJS开发的相册系统,可后台传输相片数据,前端H5显示,显示效果很炫。并可相应的修改代码,适应图片与文字混排的翻书效果。
  • turnjs翻书效果

    2019-05-16 17:10:15
    turnjs翻书效果 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scal...

    turnjs翻书效果

    <!doctype html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport"
              content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
        <link rel="stylesheet" href="layout.css">
    </head>
    <body>
    <div class="records-main">
        <!--封面-->
        <div class="record-table" style=" background-color: #d7be96">
            <div class="record-row center">
                <p><strong>遵义市综合行政执法局</strong></p>
                <h1><strong>行政执法卷宗</strong></h1>
            </div>
            <div class="record-row record-code right">(2019)遵综执 08 字第 41 号</div>
            <div class="record-row flex-row">
                <div class="record-col flex-col-2">案由</div>
                <div class="record-col flex-col-10">经巡查发现,丽满堂农家乐于2019-4-3
                    17:29,在贵州省遵义市汇川区高桥镇高新快线,在城市建成区、开发区或镇区范围内的河道擅自停放船舶的。以上行为违反了《河道管理条例》 第三章
                    河道管理与保护 第二十七条的规定。
                </div>
            </div>
            <div class="record-row flex-row">
                <div class="record-col flex-col-2">当事人</div>
                <div class="record-col flex-col-10">丽满堂农家乐</div>
            </div>
            <div class="record-row flex-row">
                <div class="record-col flex-col-2">办案机构</div>
                <div class="record-col flex-col-10">遵义市综合行政执法局</div>
            </div>
            <div class="record-row flex-row">
                <div class="record-col flex-col-2">办案人</div>
                <div class="record-col flex-col-10">王宝强 陈羽凡</div>
            </div>
            <div class="record-row flex-row">
                <div class="record-col flex-col-2">立案<br/>日期</div>
                <div class="record-col flex-col-4">2019年4月3日</div>
                <div class="record-col flex-col-2">结案<br/>日期</div>
                <div class="record-col flex-col-4">2019年8月3日</div>
            </div>
        </div>
        <!--目录-->
        <div class="record-table">
            <div class="record-row flex-row">
                <div class="record-col flex-col-4">类别</div>
                <div class="record-col flex-col-2">序号</div>
                <div class="record-col flex-col-6">材料名称</div>
            </div>
            <div class="record-row flex-row">
                <div class="record-col flex-col-2">正卷</div>
                <div class="flex-col-10 zj_r">
                    <div class="record-child-row flex-row">
                        <div class="record-col flex-col-2"><span>第一部分 <br>(文书)</span></div>
                        <div class="record-col flex-col-2">1</div>
                        <div class="record-col flex-col-6 test_cl" ></div>
                    </div>
                    <div class="record-child-row flex-row">
                        <div class="record-col flex-col-2"><span>第二部分 <br>(证据)</span></div>
                        <div class="record-col flex-col-2">2</div>
                        <div class="record-col flex-col-6 test_cl" ></div>
                    </div>
                </div>
            </div>
            <div class="record-row flex-row">
                <div class="record-col flex-col-2">副卷</div>
                <div class="flex-col-10 fj_r">
                    <div class="record-child-row flex-row del-id-23" data-id-fj="2">
                        <div class="record-col flex-col-2" id="blur_rid_23"><span><br></span></div>
                        <div class="record-col flex-col-2">23</div>
                        <div class="record-col flex-col-6 test_cl"></div>
                    </div>
                    <div class="record-child-row flex-row del-id-24" data-id-fj="2">
                        <div class="record-col flex-col-2" id="blur_rid_24"><span><br></span></div>
                        <div class="record-col flex-col-2">24</div>
                        <div class="record-col flex-col-6 test_cl"></div>
                    </div>
                </div>
            </div>
        </div>
        <!--案件来源登记表-->
        <div class="record-table">
            <p style="text-align: center;margin-top: 10px;"><strong style="font-size: 23px;">遵义市综合行政执法局</strong></p>
            <p style="text-align: center;"><strong style="font-size: 20px;">案件来源登记表</strong></p>
            <p style="text-align: left;text-indent: 20px;margin-bottom: 10px;">接收机构:&nbsp;&nbsp;&nbsp;综合行政执法局</p>
            <table border="1" style="text-align: center">
                <tbody>
                <tr>
                    <td rowspan="2" width="79">
                        <p>案源提供人</p>
                    </td>
                    <td colspan="2" width="89">
                        <p>姓名或</p>
                        <p>名称</p>
                    </td>
                    <td width="194">
                        <p><strong>&nbsp;</strong></p>
                    </td>
                    <td width="51">
                        <p>联系电话</p>
                    </td>
                    <td colspan="2" width="181">
                        <p><strong>&nbsp;</strong></p>
                    </td>
                </tr>
                <tr>
                    <td colspan="2" width="89">
                        <p>&nbsp;</p>
                    </td>
                    <td colspan="4" width="428">
                        <p><strong>&nbsp;</strong></p>
                    </td>
                </tr>
                <tr>
                    <td rowspan="2" width="79">
                        <p>被举报、被投诉人基本情况</p>
                    </td>
                    <td colspan="2" width="89">
                        <p>姓名或</p>
                        <p>名称</p>
                    </td>
                    <td width="194">
                        <p><strong>李岩</strong></p>
                    </td>
                    <td width="51">
                        <p>联系电话</p>
                    </td>
                    <td colspan="2" width="181">
                        <p>13885219438</p>
                    </td>
                </tr>
                <tr>
                    <td colspan="2" width="89">
                        <p>&nbsp;</p>
                    </td>
                    <td colspan="4" width="428">
                        <p style="padding: 5px;">贵州省遵义市红花岗区雷台山路B栋1单元1楼1号</p>
                    </td>
                </tr>
                <tr>
                    <td colspan="3" width="168">
                        <p>案件来源类型</p>
                    </td>
                    <td width="194">
                        <p style="padding: 5px;">
                        <p>&nbsp;投诉 ☑举报 ☑信访</p>
                        <p>&nbsp;上级交办 ☑部门移送</p>
                        <p>R&nbsp;检查发现 ☑其他</p>
                        </p>
                    </td>
                    <td colspan="2" width="103">
                        <p>来源形式</p>
                    </td>
                    <td width="129">
                        <p>☑信函 ☑电话</p>
                        <p>☑网络 ☑其他</p>
                    </td>
                </tr>
                <tr>
                    <td colspan="3" width="168">
                        <p>接收时间</p>
                    </td>
                    <td width="194">
                        <p>2019年4月9日</p>
                    </td>
                    <td colspan="2" width="103">
                        <p>接收人签字</p>
                    </td>
                    <td width="129">
                        <p>昝博文</p>
                    </td>
                </tr>
    
                </tbody>
            </table>
        </div>
        <!--立案审批表-->
        <div class="record-table">
            <p style="text-align: center;margin-top: 15px;"><strong style="font-size: 23px;">遵义市综合行政执法局</strong></p>
            <p style="text-align: center;"><strong style="font-size: 20px;">立案审批表</strong></p>
            <p style="text-align: right;margin-bottom: 10px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(2019)遵综执03审第30号</p>
            <table border="1">
                <tbody>
                <tr>
                    <td style="width: 66px;">
                        <p style="padding-left: 30px;">案由</p>
                    </td>
                    <td style="width: 370px;" colspan="7">
                        <p style="text-align: center;padding: 5px;">李岩驾驶贵C60000小型轿车涉嫌未取得城市公共交通经营许可从事城市公共交通经营活动案</p>
                    </td>
                    <td style="width: 91px;">
                        <p style="text-align: center;">受案时间</p>
                    </td>
                    <td style="width: 127px;">
                        <p style="text-align: center;">2019年4月9日</p>
                    </td>
                </tr>
                <tr>
                    <td style="width: 66px;" rowspan="3">
                        <p style="padding-left: 30px;"></p>
                        <p>&nbsp;</p>
                        <p style="padding-left: 30px;"></p>
                        <p>&nbsp;</p>
                        <p style="padding-left: 30px;"></p>
                        <p>&nbsp;</p>
                    </td>
                    <td style="width: 43px;">
                        <p style="text-align: center;">公民</p>
                        <p style="text-align: center;">姓名</p>
                    </td>
                    <td style="width: 74px; text-align: center;">
                        <p>李岩</p>
                    </td>
                    <td style="width: 38px; text-align: center;">
                        <p>性别</p>
                    </td>
                    <td style="width: 34px; text-align: center;">
                        <p></p>
                    </td>
                    <td style="width: 48px; text-align: center;">
                        <p>年龄</p>
                    </td>
                    <td style="width: 60px; text-align: center;">
                        <p>48岁</p>
                    </td>
                    <td style="width: 73px;">
                        <p style="text-align: center;">身份证号码</p>
                    </td>
                    <td style="width: 218px;" colspan="2">
                        <p style="text-align: center;">500000000000000000&nbsp;</p>
                    </td>
                </tr>
                <tr>
                    <td style="width: 43px;">
                        <p style="text-align: center;">单位</p>
                        <p style="text-align: center;">名称</p>
                    </td>
                    <td style="width: 194px;" colspan="4">
                        <p style="text-align: center;">&nbsp;</p>
                    </td>
                    <td style="width: 133px;" colspan="2">
                        <p style="text-align: center;">法定代表人或负责人</p>
                    </td>
                    <td style="width: 218px;" colspan="2">
                        <p>&nbsp;</p>
                    </td>
                </tr>
                <tr>
                    <td style="width: 43px;">
                        <p style="text-align: center;">住址</p>
                    </td>
                    <td style="width: 194px; text-align: center;" colspan="4">
                        <p style="padding: 5px; text-align: left;">贵州省遵义市红花岗区雷台山路B栋1单元1楼1号</p>
                    </td>
                    <td style="width: 133px; text-align: center;" colspan="2">
                        <p>联系电话</p>
                    </td>
                    <td style="width: 218px; text-align: center;" colspan="2">
                        <p>13885219438</p>
                    </td>
                </tr>
                <tr>
                    <td style="width: 109px;" colspan="2">
                        <p style="padding-left: 25px;">案件来源</p>
                    </td>
                    <td style="width: 545px;" colspan="8">
                        <div style="padding: 5px;display: inline-block;">
                            <p>☑在监督检查中发现; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;☑检验机构检验发现; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
                            <p>☑公民、法人及其他组织举报投诉; &nbsp;&nbsp;☑上级<u>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</u>机关交办;</p>
                            <p>☑下级<u>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</u>机关报请查处的;☑有关<u>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</u>部门移送;</p>
                            <p>☑媒体<u>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</u>等方式披露的; &nbsp;☑局信访接待中心转办。<strong><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</strong></strong></p>
                        </div>
                    </td>
                </tr>
    
                </tbody>
            </table>
            <p>&nbsp;</p>
        </div>
        <!--立案通知书-->
        <div class="record-table">
            <div style="padding:13px;line-height: 50px;">
                <p style="text-align: center;">&nbsp;</p>
                <p style="text-align: center;"><strong style="font-size: 23px;">遵义市综合行政执法局</strong></p>
                <p style="text-align: center;"><strong style="font-size: 20px;">立案通知书</strong></p>
                <p style="text-align: right;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(2019)遵综执03审第30号</p>
                <p><u>&nbsp;&nbsp;</u><u>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</u><u>李岩</u><u>&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;</u></p>
                <p style="text-indent: 30px">经初步调查,你(单位)<u>&nbsp;&nbsp;驾驶</u><u>贵C60000小型轿车涉嫌未取得城市公共交通经营许可从事城市公共交通经营活动案</u><u>&nbsp;&nbsp;&nbsp;&nbsp;</u>的行为,涉嫌违反<u>&nbsp;《贵州省城市公共交通条例》第十七条的规定&ldquo;城市公共交通经营实行许可制度。从事公共汽车客运和出租汽车客运经营应当依法取得客运经营权。&rdquo;&nbsp;&nbsp;</u>的规定,我机关已决定立案,并指定我局行政执法人员<u>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</u><u>昝博文</u><u>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</u>具体负责调查本案。你(单位)如认为上述行政执法人员应当回避,可在收到本通知之日起三日内向我局提出书面申请,并说明理由。同时,你(单位)应如实回答询问、协助调查或检查。</p>
                <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
                <p>(印章)</p>
                <p>2019年&nbsp;&nbsp;4&nbsp;&nbsp;&nbsp;&nbsp;9&nbsp;</p>
                <p>&nbsp;</p>
                <p>&nbsp;</p>
                <p><strong>本文书一式二份,一份存档, 一份送达。</strong></p>
            </div>
        </div>
        <!--行政处罚告知书(副本)-->
        <div class="record-table">
            <div style="padding:13px;line-height: 31px;">
                <div style="line-height: 30px;">
                    <p style="text-align: center;"><strong style="font-size: 23px;">遵义市综合行政执法局</strong></p>
                    <p style="text-align: center;"><strong style="font-size: 20px;">行政处罚告知书</strong></p>
                    <p style="text-align: center;"><strong>(副 &nbsp;本)</strong></p>
                </div>
                <p style="text-align: right;">(2019)遵综执03字第31号</p>
                <div style="line-height: 25px;">
                    <p>李岩:</p>
                    <p style="text-indent: 30px">你涉嫌驾驶贵C60000小型轿车未取得城市公共交通经营许可从事城市公共交通经营活动一案,本机关已经立案调查。现查明:2019年4月9日13时35分,你驾驶贵C60000小型轿车,先后在遵义市红花岗区巷口镇搭载一名男性,前往遵义市汇川区南京路四一七医院处收取15元车费,在遵义市汇川区大连路遵义医学院处搭载一男一女(其中女性背一小女孩),前往红花岗区翡翠路珍珠小区,并与乘车人达成口头协议到达目的地后收取7元钱车费的事实,当事人无法提供合法的营运手续。本机关认为你的上述行为违反了《贵州省城市公共交通条例》第十七条的规定&ldquo;城市公共交通经营实行许可制度。从事公共汽车客运和出租汽车客运经营应当依法取得客运经营权。&rdquo;违法事实清楚,鉴于你初次违法并积极配合本机关调查处理,参考《贵州交通运输行政处罚自由裁量权指导标准》,予以从轻处罚。现根据 《贵州省城市公共交通条例》第六十一条第一款的规定&ldquo;违反本条例规定,未取得城市公共交通经营许可从事城市公共交通经营活动的,可以暂扣车辆,没收违法所得,处以1万元以上5万元以下罚款;情节严重的,没收专门用于从事无照经营的车辆。”拟对你作出如下行政处罚:罚款人民币壹万元整(¥:10000.00),没收违法所得壹拾伍元整(¥:15.00)。</p>
                    <p style="text-indent: 30px">根据《中华人民共和国行政处罚法》第三十一条、第三十二条的规定,你有权陈述和申辩。你可在收到本告知书之日起3个工作日内向本机关陈述和申辩。</p>
                    <p style="text-indent: 30px">对你作出“罚款人民币壹万元整(¥:10000.00)”的行政处罚,没收违法所得壹拾伍元整(¥:15.00),根据《中华人民共和国行政处罚法》第四十二条规定,你有权要求举行听证。如你要求举行听证,应当在收到本告知书之日起3个工作日内提出。</p>
                    <p style="text-align: left; padding-left: 30px;">逾期视为放弃上述权利。</p>
                    <p style="text-align: left; padding-left: 30px;">本机关地址:遵义市汇川区珠海路14号</p>
                    <p style="text-align: left; padding-left: 30px;">联系人:曾金&nbsp;&nbsp;联系电话:0851&mdash;&mdash;28276376&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
                    <p>&nbsp;</p>
                    <p>&nbsp;</p>
                    <p style="text-align: right;">遵义市综合行政执法局</p>
                    <p style="text-align: right;">2019年3月27日</p>
                    <p>&nbsp;</p>
                </div>
            </div>
        </div>
        <!--行政处罚告知书(正本)-->
        <div class="record-table">
            <div style="padding: 10px;">
                <div style="line-height: 30px;">
                    <p style="text-align: center;"><strong style="font-size: 23px;">遵义市综合行政执法局</strong></p>
                    <p style="text-align: center;"><strong style="font-size: 20px;">行政处罚告知书</strong></p>
                    <p style="text-align: center;"><strong>(正 &nbsp;本)</strong></p>
                </div>
                <div style="line-height: 24px;">
                    <p style="text-align: right;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(2019)遵综执 03字第31号</p>
                    <p class="indent-30"><strong>当事人:</strong>李岩&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>身份证号码:</strong>500000000000000000</p>
                    <p class="indent-30"><strong>&nbsp;址:</strong>贵州省遵义市红花岗区雷台山路B栋1单元1楼1号</p>
                    <p class="indent-30"><strong>联系电话:</strong>13888888888</p>
                    <p class="indent-30"><strong>案件来源:</strong>2019年4月9日,我局执法人员在遵义市汇川区大连路与北京路路口处开展监督检查中发现,当事人于2019年4月9日13时35分驾驶贵C60000小型轿车未取得城市公共交通经营许可从事城市公共交通经营活动,我局于2019年3月25日立案调查。</p>
                    <p class="indent-30"><strong>现查明:</strong>当事人于2019年4月9日13时35分驾驶贵C60000小型轿车,先后在遵义市红花岗区巷口镇搭载一名男性,前往遵义市汇川区南京路四一七医院处收取15元车费,在遵义市汇川区大连路遵义医学院处搭载一男一女(其中女性背一小女孩),前往红花岗区翡翠路珍珠小区,并与乘车人达成口头协议到达目的地后收取7元钱车费的事实,当事人无法提供合法的营运手续。当事人违反了《贵州省城市公共交通条例》第十七条&ldquo;城市公共交通经营实行许可制度。从事公共汽车客运和出租汽车客运经营应当依法取得客运经营权&rdquo;的规定,属于违法行为。<strong><strong>本机关认定</strong></strong>当事人未取得城市公共交通经营许可从事城市公共交通经营活动一案违法事实清楚,证据确实充分。</p>
                    <p class="indent-30"><strong>证据材料及证明对象:</strong></p>
                </div>
            </div>
        </div>
        <div class="record-table">
            <div style="padding: 20px;line-height: 24px;">
                <p>2019年3月29日,本机关向当事人送达了《行政处罚告知书》[(2019)遵综执03字第31号],告知当事人作出行政处罚决定的事实、理由及依据,并告知当事人依法享有陈述、申辩和听证的权利。当事人在法定期限内未提出陈述、申辩和听证。</p>
                <p class="indent-30"><strong>本机关认为:</strong>当事人未取得城市公共交通经营许可从事城市公共交通经营活动的行为违反了《贵州省城市公共交通条例》第十七条&ldquo;城市公共交通经营实行许可制度。从事公共汽车客运和出租汽车客运经营应当依法取得客运经营权&rdquo;的规定,属于违法行为。依据《贵州省城市公共交通条例》第六十一条第一款的规定&ldquo;违反本条例规定,未取得城市公共交通经营许可从事城市公共交通经营活动的,可以暂扣车辆,没收违法所得,处以1万元以上5万元以下罚款;情节严重的,没收专门用于从事无照经营的车辆。&rdquo;鉴于本机关首次查获当事人从事非法营运,参照《贵州交通运输行政处罚自由裁量权指导标准》,本着处罚与教育相结合的原则,<strong><strong>本机关决定:</strong></strong>责令当事人立即停止违法行为,给予当事人罚款人民币壹万元整(&yen;:10000.00)的行政处罚,没收违法所得壹拾伍元整(&yen;:15.00)。</p>
                <p class="indent-30">请自收到本处罚决定书之日起15日内,携带本处罚决定书到指定银行缴纳罚没款,逾期不按规定缴纳罚款的,根据《中华人民共和国行政处罚法》第五十一条第(一)项的规定,每日按罚款数额的3%加处罚款。</p>
                <p class="indent-30">开户银行:交通银行遵义珠海路支行</p>
                <p class="indent-30">收款人全称:遵义市财政局政府非税收入财政专户</p>
                <p class="indent-30">账号:523061000018170133065</p>
                <p class="indent-30">当事人如不服本处罚决定的,可在收到本处罚决定书之日起60日内向遵义市人民政府申请行政复议,或者在6个月内依法向播州区人民法院提起行政诉讼,但本决定不停止执行,法律另有规定的除外。逾期不申请行政复议、不提起行政诉讼又不履行的,本机关将依法申请人民法院强制执行&nbsp;或者依照有关规定强制执行。&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
                <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
                <p>&nbsp;</p>
                <p style="text-align: right;">遵义市综合行政执法局</p>
                <p style="text-align: right;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2019年4月4日</p>
                <br>
                <br>
                <br>
                <br>
                <br>
                <p>注:本决定书一式六份(正本一份、副本五份),正本交当事人,副本存案卷卷宗一份、办案支队保存一份、法规科备案二份、送行政管理部门一份。本文书适应一般程序案件,采用说理式制作。</p>
            </div>
        </div>
    </div>
    <div class="controls flex-between">
        <div class="control-prev" onclick="prev()">上一页</div>
        <div class="control-next" onclick="next()">下一页</div>
    </div>
    <script src="jquery-3.3.1.min.js"></script>
    <script src="modernizr.2.5.3.min.js"></script>
    <script src="layout-record.js"></script>
    <!--  https://blog.csdn.net/kenhins/article/details/83650377 -->
    <script>
        //上一页
        function prev(){
            var currentPage = $(".records-main").turn("page");
            $(".records-main").turn('page', currentPage - 2);
        }
        // 下一页
        function next() {
            var currentPage = $(".records-main").turn("page");
            $(".records-main").turn('page', currentPage + 2);
        }
    
    </script>
    </body>
    </html>
    

    资源下载:https://download.csdn.net/download/qq_38694615/11182635

    展开全文
  • turnjs--Jquery图书翻页效果
  • turnjs4翻书效果

    千次阅读 2015-10-06 14:09:50
    $(document).ready(function () { // Load the HTML4 version if there's not CSS transform yepnope({ test: Modernizr.csstransforms, yep: [ctx + 'resources/turnjs4/lib/turn.min.js']

    $(document).ready(function () {
        // Load the HTML4 version if there's not CSS transform
        yepnope({
            test: Modernizr.csstransforms,
            yep: [ctx + 'resources/turnjs4/lib/turn.min.js'],
            nope: [ctx + 'resources/turnjs4/lib/turn.html4.min.js'],
            both: [ctx + 'resources/turnjs4/lib/scissor.min.js', ctx + 'resources/turnjs4/samples/double-page/css/double-page.css'],
            complete: loadApp
        });
    });

    function loadApp(){
        $.ajax({
            url: ctx + "/front/userwork/getBindStyleByWorksId",// 查询用户作品装订方式
            data: {worksId: worksId},
            type: 'post',
            cache: false,
            success: function (data) {
               makeBook(data);
            }
        });
    }

    function makeBook(previews) {
        //生成预览DOM结构
        var html = "";
        for (var i = 0; i < previews.length; i++) {
            var imgUrl = previews[i].scale_compose_image_path == null ? previews[i].scale_url : previews[i].scale_compose_image_path;
            html += '<div class="page">';
            html += '<img src="' + imgUrl + '" class="f_img"/>';
            html += '</div>';
        }
        $(".flipbook").append(html);
        // 计算比例预览
        var src = $(".f_img").first().attr("src");
        var image = new Image();
        image.src = src;
        image.onload = function () {
            //浏览器宽度(书本宽度)
            var screenWidth = $(window).width();
            //图片宽高比计算
            var imgWidth = image.width;
            var imgHeight = image.height;
            var scale = (imgWidth / imgHeight).toFixed(2);
            //计算等比情况下书本调试
            var bookHeight = (screenWidth / 2 / scale).toFixed(2);
            //生成相册
            $(".flipbook").css({"width": screenWidth + "px", height: bookHeight});
            $(".page").css({"width": screenWidth + "px", height: bookHeight});
            $(".double").css({"width": screenWidth + "px", height: bookHeight});
            $(".f_img").css({"width": screenWidth / 2 + "px", height: bookHeight});
            var flipbook = $('.flipbook');
            // Check if the CSS was already loaded
            if (flipbook.width() == 0 || flipbook.height() == 0) {
                setTimeout(makeBook, 10);
                return;
            }
            $('.flipbook .double').scissor();
            // Create the flipbook
            $('.flipbook').turn({
                // Elevation
                elevation: 50,
                // Enable gradients
                gradients: true,
                // Auto center this flipbook
                autoCenter: true
            });
        }
    }

    展开全文
  • turnjs 是一个基于HTML5和jQuery实现模拟真实翻页效果的库. 翻页的效果做得很出色,并且:  +支持硬件加速  +支持跨平台  +使用简单  +体积仅15k 下载地址: 压缩版:http://www.turnjs.com/turn.min.js...
      
    

    turnjs 是一个基于HTML5和jQuery实现模拟真实翻页效果的库.

    翻页的效果做得很出色,并且:

       +支持硬件加速

       +支持跨平台

       +使用简单

       +体积仅15k


    下载地址:

    压缩版:http://www.turnjs.com/turn.min.js

    完整版:https://github.com/blasten/turn.js



    顺便送上使用说明

    ---------------------------------------------------------------------------------------------

    构造函数:

    $('selector').turn([options]);

    options

    • page (type: number, default: 1)

    • shadows (type: boolean, default: true)

    • duration (type: number, default: 600)

    • acceleration (type: boolean, default: true)


    Example: $('selector').turn({page:1, acceleration:false});



    属性:


    Page:(返回当前第几页)

    Gets the current page.

    Example: alert($('selector').turn('page'));

    view:(返回数组,数组存放当前显示两页的页码,如果没有,则为0)

    Gets the current view. A view is basically an array of two values, in which the key [0] is the left page and [1] the right page. Cases where there is only one page, the value will be zero.

    Example: alert($('selector').turn('view'));



    方法:


    page:(跳到到指定页数)

    Example: $('selector').turn('page', 2);

    next:(跳到下一页)

    Example: $('selector').turn('next');

    previous:(跳到上一页)

    Example: $('selector').turn('previous');

    stop:(停止当前的翻页效果)

    Example: $('selector').turn('next').turn('stop');

    resize:(Resets the size of all the wrappers used by turn)    PS:这个一直搞不懂作用,翻查源码也一头雾水,求高人指点.

    Example: $('selector').turn('resize');

    disable:(关闭所有动画效果)

    Example: $('selector').turn('disable', true);


    事件:


    turning:(开始翻页时触发)

    Example: $('selector').bind('turning', function(e, page) { console.log(page+' says bye...'); });

    turned:(翻页结束后触发)

    Fired when a page has been turned.

    Example: $('selector').bind('turned', function(e, page, pageObj) { alert('Page turned to '+page); });

    start:(页面正常显示后触发)

    Example: $('selector').bind('start', function(e, turn) { console.log('Is it turning?' + turn); });

    end:(折叠效果的图层隐藏时触发)

    Example: $('selector').bind('end', function(e) { });

    ---------------------------------------------------------------------------------------------



    但和turnjs首页的功能相比不够完善.

    所以自己又写了个小包,增加了一点功能和效果.

    html代码方面的布局有一点改变,

    具体可以去下面地址查看.

    Demo:http://maplejan.com/codelaboratory/code/html5/album


    一共有3个方法:

    addDirectionNav() : 添加翻书按钮.
    addShadow() : 添加阴影效果.
    checkPosition() : 检查图书位置,保持居中.


    方法和trunjs的方法相近.

    [javascript] view plain copy print ?
    1. $('#pages').turn();  
    2. $('#pages').checkPosition().addDirectionNav().addShadow();  
    展开全文
  • 利用 turnjs 做的相簿效果.

    千次阅读 2012-02-09 18:35:46
    turnjs 是一个基于HTML5和jQuery实现模拟真实翻页效果的库. 翻页的效果做得很出色,并且:  +支持硬件加速  +支持跨平台  +使用简单  +体积仅15k 下载地址: 压缩版:http://www.turnjs.com/turn.min.js...

    turnjs 是一个基于HTML5和jQuery实现模拟真实翻页效果的库.

    翻页的效果做得很出色,并且:

       +支持硬件加速

       +支持跨平台

       +使用简单

       +体积仅15k


    下载地址:

    压缩版:http://www.turnjs.com/turn.min.js

    完整版:https://github.com/blasten/turn.js



    顺便送上使用说明

    ---------------------------------------------------------------------------------------------

    构造函数:

    $('selector').turn([options]);

    options

    • page (type: number, default: 1)

    • shadows (type: boolean, default: true)

    • duration (type: number, default: 600)

    • acceleration (type: boolean, default: true)


    Example: $('selector').turn({page:1, acceleration:false});



    属性:


    Page:(返回当前第几页)

    Gets the current page.

    Example: alert($('selector').turn('page'));

    view:(返回数组,数组存放当前显示两页的页码,如果没有,则为0)

    Gets the current view. A view is basically an array of two values, in which the key [0] is the left page and [1] the right page. Cases where there is only one page, the value will be zero.

    Example: alert($('selector').turn('view'));



    方法:


    page:(跳到到指定页数)

    Example: $('selector').turn('page', 2);

    next:(跳到下一页)

    Example: $('selector').turn('next');

    previous:(跳到上一页)

    Example: $('selector').turn('previous');

    stop:(停止当前的翻页效果)

    Example: $('selector').turn('next').turn('stop');

    resize:(Resets the size of all the wrappers used by turn)    PS:这个一直搞不懂作用,翻查源码也一头雾水,求高人指点.

    Example: $('selector').turn('resize');

    disable:(关闭所有动画效果)

    Example: $('selector').turn('disable', true);


    事件:


    turning:(开始翻页时触发)

    Example: $('selector').bind('turning', function(e, page) { console.log(page+' says bye...'); });

    turned:(翻页结束后触发)

    Fired when a page has been turned.

    Example: $('selector').bind('turned', function(e, page, pageObj) { alert('Page turned to '+page); });

    start:(页面正常显示后触发)

    Example: $('selector').bind('start', function(e, turn) { console.log('Is it turning?' + turn); });

    end:(折叠效果的图层隐藏时触发)

    Example: $('selector').bind('end', function(e) { });

    ---------------------------------------------------------------------------------------------



    但和turnjs首页的功能相比不够完善.

    所以自己又写了个小包,增加了一点功能和效果.

    html代码方面的布局有一点改变,

    具体可以去下面地址查看.

    Demo:http://maplejan.com/codelaboratory/code/html5/album


    一共有3个方法:

    addDirectionNav() : 添加翻书按钮.
    addShadow() : 添加阴影效果.
    checkPosition() : 检查图书位置,保持居中.


    方法和trunjs的方法相近.

    $('#pages').turn();
    $('#pages').checkPosition().addDirectionNav().addShadow();



    展开全文
  • 最近CTO给我分配了一个移动端H5开发的任务,主要功能是需要实现翻书效果,我听过主要需求...Turn.js的官方网址: http://www.turnjs.com/ 下面是我这个项目上线后的效果:   看过实际项目后,各位看官是不是已经迫不

空空如也

空空如也

1 2 3 4 5 ... 9
收藏数 173
精华内容 69
关键字:

turnjs