Responsive Html Tabs 模块可以运行于DNN7及以上版本,支持响应式。用户界面较为友好,可以插入自定义的HTML。

Demo

This is a user-friendly, fully customizable, responsive tabs module to take any HTML content, including images, video... and display it in a clean organized and responsive tabbed navigation. It works out of the box, making it simple to create beautiful but powerful enough to build branded and highly customized tabs with a unique look and feel. All customization can be handled via Module Settings.

* Only compatible with DNN 7.x

New Features:

Flat themes – 20 awesome flat themes and there are many different variations of flat themes.

Module Features

    • 10 Flexible ways to position – Tabs are very flexible and customizable, horizontal and vertical Tabs and it can be positioned in 10 Flexible ways
    • Responsive Design – unique responsive features with Cross-browser and Cross-Devices support, fully compatible with Tablet, Desktop and Mobile
    • Touch-Enabled – Tabs are displayed in a dropdown menu with touch enabled events and fast CSS3 Transitions
    • 10 Preset Themes + 20 Flat Themes – Comes with 10 built-in themes that are ready to go. Also comes with 5 style contained, underlined, pills, clean and multiline tabs. All themes and styles comes in 6 different sizes.
    • Responsive fluid grid – very lightweight responsive fluid grid system included.
    • Deep-Linking – Tabs are bookmarkable and also supports deep linking. Makes URL automatically change when you select tabs and you can easily link to specific tab with hashtag.
    • Cross-browser and Platform – it supports all major desktop browsers (including IE8, IE9, IE10, Chrome, Firefox, Safari, Opera) and mobile browsers. We have tested it on iPad, iPhone (IOS), Samsung Galaxy S3, Samsung Note 2 (Android).
    • No absolute positioning and height – animation and transition works perfect without absolute positioning or fixed height.
    • Orientation – Support horizontal and vertical tabs.
    • Autoplay - Support Automatically animate through Tabs when visitors arrive on your website with optional stop on hover/click (smart autoplay).
    • Sortable, Portable, Searchable, Tokens replace.

DNN Module - Responsive Html Tabs 3 介绍的更多相关文章

  1. OpenCv dnn module -实时图像分类

    配置环境:OpenCv3.4, vs2013(x64),Win7.用OpenCv dnn module 实时检测摄像头,视频和图像的分类示例原代码为:https://docs.opencv.org/3 ...

  2. nodejs中exports与module.exports的区别详细介绍

    如果模块是一个特定的类型就用Module.exports.如果模块是一个典型的"实例化对象"就用exports. exports.name = function() { conso ...

  3. Python自定义Module中__init__.py文件介绍

    ./pyModuleTest/├── addutil│   ├── add.py│   ├── add.pyc│   ├── __init__.py│   ├── __init__.pyc│   └─ ...

  4. Project和Module的介绍

    Project 和 Module 介绍 这两个概念是 IntelliJ IDEA 的必懂知识点之一,请务必要学会. 如果你是 Eclipse 用户,并且已经看了上面给的链接,那 IntelliJ ID ...

  5. 【笔记】Python基础六:模块module介绍及常用模块

    一,module模块和包的介绍 1,在Python中,一个.py文件就称之为一个模块(Module). 2,使用模块的好处? 最大的好处是大大提高了代码的可维护性 其次,编写代码不必从零开始,我们编写 ...

  6. Module Zero概览

    返回<Module Zero学习目录> 介绍 ABP框架的设计是独立于任何数据库模式的且尽可能地使用泛型.因此,它避开了一些要求数据存储的抽象和可选的概念(如审计日志,session管理和 ...

  7. Node.js exports与module.exports的关系

    今天搜索module.exports时看到CNode社区上发的Hack Sparrow一篇相关文章的链接 Node.js Module – exports vs module.exports 一篇5年 ...

  8. IntelliJ IDEA 项目相关的几个重要概念介绍

    必备材料介绍 IntelliJ IDEA 对其他 IDE 转过来的用户有特别优待,对其专门整理了非常棒的资料,还请其他 IDE 过来的用户抽时间查看,会有很大帮助:Eclipse 用户可以看:http ...

  9. Node中Exports与module.export的使用与区别

    最近在看<node开发实战详解>时有写疑问,所以自己就整理了一些资料.下面是node4.*的官方api文档(http://nodejs.cn/doc/node_4/modules.html ...

随机推荐

  1. 带格式导出数据到Excel

    导出按钮事件 protected void Button1_Click(object sender, EventArgs e)    {        Response.Clear();        ...

  2. C#实现打印与打印预览功能(转)

    在windows应用程序中文档的打印是一项非常重要的功能,在以前一直是一个非常复杂的工作,Microsoft .Net Framework的打印功能都以组件的方式提供,为程序员提供了很大的方便,但是这 ...

  3. range与xrange

    range与xrange的用法是完全相同的,不同的是返回结果不同:range返回的是一个list,而xrange返回的是一个生成器.可以来看下 print type(range(5)) print t ...

  4. C程序设计语言练习题1-15

    练习1-15 重新编写1.2节中的温度转换程序,使用函数实现温度转换计算. 代码如下: #include <stdio.h> // 包含标准库的信息. float fahrToCelsiu ...

  5. 一个用httpPost,get访问外网接口,参数json,返回json的示例

    package com.royal.util; import java.io.BufferedReader;import java.io.DataInputStream;import java.io. ...

  6. 转:Visual C++ sprintf()函数用法

    将字串格式化命令.sprintf 是个变参函数,使用时经常出问题,而且只要出问题通常就是能导致程序崩溃的内存访 问错误,但好在由sprintf 误用导致的问题虽然严重,却很容易找出,无非就是那么几种情 ...

  7. 上传文件 file upload 学习笔记

    这里我只会说说一些完成 file upload 的基础 API. 很多项目我们需要上传文件. 有简单的 input file, 有需要验证的,有需要压缩的(img),有需要分段的(video),有需要 ...

  8. MFC的GUI窗口使用Console输出函数printf

    在GUI程序中使用printf函数: #include <io.h> #include <fcntl.h> void InitConsole() { ; FILE* fp; A ...

  9. 【转】如何在 Android 程序中禁止屏幕旋转和重启Activity

    原文网址:http://www.cnblogs.com/bluestorm/p/3665890.html 禁止屏幕随手机旋转变化 有时候我们希望让一个程序的界面始终保持在一个方向,不随手机方向旋转而变 ...

  10. cf509A Maximum in Table

    A. Maximum in Table time limit per test 2 seconds memory limit per test 256 megabytes input standard ...