zoukankan      html  css  js  c++  java
  • DNN中换页效果的使用

    作者:kevin kevin 来源:原创 创建时间:2006-10-19

    我们打开Default.aspx可以看到以下代码,

    <%@ Page Language="vb" AutoEventWireup="false" Explicit="True" Inherits="DotNetNuke.Framework.DefaultPage" CodeFile="Default.aspx.vb" %>
    <%@ Register TagPrefix="dnn" Namespace="DotNetNuke.Common.Controls" Assembly="DotNetNuke" %>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head id="Head" runat="server">
        <meta id="MetaRefresh" runat="Server" name="Refresh" />
        <meta id="MetaDescription" runat="Server" name="DESCRIPTION" />
        <meta id="MetaKeywords" runat="Server" name="KEYWORDS" />
        <meta id="MetaCopyright" runat="Server" name="COPYRIGHT" />
        <meta id="MetaGenerator" runat="Server" name="GENERATOR" />
        <meta id="MetaAuthor" runat="Server" name="AUTHOR" />
        <meta name="RESOURCE-TYPE" content="DOCUMENT">
        <meta name="DISTRIBUTION" content="GLOBAL">
        <meta name="ROBOTS" content="INDEX, FOLLOW">
        <meta name="REVISIT-AFTER" content="1 DAYS">
        <meta name="RATING" content="GENERAL">
        <meta http-equiv="PAGE-ENTER" content="RevealTrans(Duration=0,Transition=1)">
        <style id="StylePlaceholder" runat="server"></style>
        <asp:placeholder id="CSS" runat="server"></asp:placeholder>
    </head>
    <body id="Body" runat="server" bottommargin="0" leftmargin="0" topmargin="0" rightmargin="0" marginwidth="0" marginheight="0">
        <noscript></noscript>
        <dnn:Form id="Form" runat="server" ENCTYPE="multipart/form-data" style="攈eight: 100%;">
            <asp:Label ID="SkinError" runat="server" CssClass="NormalRed" Visible="False"></asp:Label>
            <asp:PlaceHolder ID="SkinPlaceHolder" runat="server" />
            <input id="ScrollTop" runat="server" name="ScrollTop" type="hidden">
            <input id="__dnnVariable" runat="server" name="__dnnVariable" type="hidden">
        </dnn:Form>
    </body>
    </html>

    其中的    <meta http-equiv="PAGE-ENTER" content="RevealTrans(Duration=0,Transition=1)">
    就是控制换页效果的,Duration是换页效果持续的时间,Transition代表切换效果的代码。共有23种效果可供选择

    切換效果的代號表:

    代號 效果 代號 效果
    0 方形向中央收縮 12 溶解效果
    1 方形向四方散開 13 垂直關門效果
    2 圓形向中央收縮 14 垂直開門效果
    3 圓形向四方散開 15 淡入效果
    4 向上方擦去 16 淡出效果
    5 向下方擦去 17 往左下擦去
    6 向右邊擦去 18 往左上擦去
    7 向左邊擦去 19 往右下擦去
    8 垂直百葉窗 20 往右上擦去
    9 文平百葉窗 21 水平隨機切換
    10 水平方格右滑 22 垂直隨機切換
    11 垂直方格下落 23 隨機切換


  • 相关阅读:
    【算法】273-每周一练 之 数据结构与算法(Tree)
    【算法】272-每周一练 之 数据结构与算法(Dictionary 和 HashTable)
    【CSS】271- RGB、HSL、Hex网页色彩,看完这篇全懂了
    【Redis】270- 你需要知道的那些 redis 数据结构
    Hybird App 应用开发中5个必备知识点复习
    【Vuejs】269- 提升90%加载速度——vuecli下的首屏性能优化
    【富文本】268- 富文本原理了解一下?
    HTML5 CSS3 经典案例:无插件拖拽上传图片 (支持预览与批量) (二)
    HTML5 CSS3 经典案例:无插件拖拽上传图片 (支持预览与批量) (一)
    HTML5 CSS3 专题 : 拖放 (Drag and Drop)
  • 原文地址:https://www.cnblogs.com/Tonyyang/p/711526.html
Copyright © 2011-2022 走看看