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. C++拾遗(七)函数相关(2)

    内联函数 内联函数与常规函数的区别在于: 1.常规函数:在执行调用指令时,先存储该指令的内存地址,将函数参数复制到堆栈,然后跳转到被调用函数起点的内存单元,执行函数,将返回值放 入寄存器,最后跳回到一 ...

  2. uva 10077 - The Stern-Brocot Number System

    想法: 初始化三個數L=0/1, M=1/1, R=1/0,設輸入的分數為a: 如果a<M,那麼要往左邊走,    R = M;    M = (L分子+M分子)/(L分母+M分母); 如果a& ...

  3. webApi项目中的问题

    1.场景:客户端调用API获取所有品牌列表,使用redis存储,第一次是获取全部,之后会增量获取,通过lasttime参数 出现的问题:redis连接超时,网络流量太大 原因:这个借口没做本地缓存,每 ...

  4. 【PHP】新浪、淘宝的地区 API调用

    /推荐使用新浪的: $ch = curl_init(); $url = "http://ip.dpool.sina.com.cn/iplookup/iplookup.php?format=j ...

  5. dede去除powered by dedecms

    include/dedesql.classs.php文件中找到第588行: $arrs1 = array(0x63,0x66,0x67,0x5f,0x70,0x6f,0x77,0x65,0x72,0x ...

  6. Destoon后台修改公司会员资料信息的必填项限制修改

    /template/default/member/edit.htm module\member\admin\template\member_edit.tpl.php module\member\adm ...

  7. linux常用命令(5)rmdir命令

    rmdir是常用的命令,该命令的功能是删除空目录,一个目录被删除之前必须是空的.(注意,rm - r dir命令可代替rmdir,但是有很大危险性.)删除某目录时也必须具有对父目录的写权限.1.命令格 ...

  8. AudioServicesPlaySystemSound音频服务—b

    对于简单的.无混音音频,AVAudio ToolBox框架提供了一个简单的C语言风格的音频服务.你可以使用AudioservicesPlaySystemSound函数来播放简单的声音.要遵守以下几个规 ...

  9. java入门时的一些基本概念的理解(j2ee,j2se,j2me,jdk,sdk,jre,jvm,跨平台)

    首先声明,这篇文章是从网上粘贴过来的.原文地址是:http://www.cnblogs.com/wangaohui/archive/2012/11/28/2791999.html.感觉写的很好,所以粘 ...

  10. 转:VC中UpdateData()函数的使用

    VC中UpdateData()函数的使用 UpdateData(FALSE)与UpdateData(TRUE)是相反的过程     UpdateData(FALSE)是把程序中改变的值更新到控件中去  ...