相对震撼 十个实用的jQuery/HTML五插件

1. Markdown介绍

马克down是1种轻量级的标记语言,它语法简单并且易读易用。Mardown文件一般以.md后缀结尾。

在HTML伍的社会风气里,我们见证了许多的特效神跡,但不少特效我们很难在网页中采纳,前几日大家要享受十款功用震撼可是又相比较实用的jQuery/HTML⑤插件,希望这么些项目在行使的长河中也能给你带来设计灵感。

2. Markdown优点

  • 纯文本格式,包容性极强,能够用随机文本编辑器打开。
  • 语法容易(the syntax is so simple you can barely call it
    “syntax。”),零学学习开支用,极好的可读性,让你放在心上于文字写作而不是页面排版,并且同盟HTML,simple but powerful 。
  • 格式转换方便,马克down 的文本你能够轻松转移为
    html、pdf、epub、电子书等。
  • 切合团队同盟,能够利用 git/svn 等展开版本控制管理。

1、CSS3响应式面包屑菜单 菜单简洁大气

前边大家大饱眼福过五款CSS3面包屑菜单,纯CSS三圆形面包屑菜单CSS三扁平化面包屑菜单导航,效果都还不错。明天我们再享受1款响应式面包屑菜单,那款CSS三菜单外观设计卓殊简单但又不行恢宏,大家得以在分步注册页面或然活动指导页面使用那款CSS三面包屑菜单。

图片 1

在线演示 
   
  源码下载

3. Markdown语法

  • 标题

    : 标题与紧贴的前后正文使用一整行换行隔断
    ‘#’号和文字之间二个空格连接
    标题层级如下,最多六级

    # 顶级标题 等价于 title 和 <h1>
    ## 次级标题  
    ### 3级标题  
    #### 4级标题
    ##### 5级标题
    ###### 6级标题
    ####### 注:此行错误,标题层级最多6级 没有<h7>标签  
    

呈现效果为:

二、HTML伍慈善跳动动画 用技术勾引妹子

在html5tricks网址上,我们享受过局地风流程序员求爱的HTML五动画,像那款性感程序员
HTML伍慈祥求亲动画
,相信广大女人看了都会心动。前天大家要享用一款应用HTML5的仁义跳动动画,相对前1款,它要不难壹些,如果妹子打开Email看到跳动的慈悲,估算也能在心里甜甜的壹笑。

图片 2

在线演示 
   
  源码下载

一流题目

三、11个jQuery+CSS叁动画菜单 超绚丽

图片 3

在线演示      
 源码下载

次级标题

四、精美jQuery分页插件 带滑动条分页

今日上马大家来搜集1些jQuery分页插件,请继续关心html5tricks的继续更新。今日率先款jQuery分页插件适用于长翻页列表的分页应用,因为那款分页插件带有滑动条来便于用户查看全体的页码。分页插件的外观非常美丽,有着不错的用户体验。

图片 4

在线演示     
  源码下载

3级标题

5、jquery仿windows计算器

图片 5

在线演示      
 源码下载

4级标题

六、HTML5纸带翻跟斗画 超炫的3D特效

此前大家分享过无数那多少个炫酷的HTML5
Canvas动画
特效,本次大家享受的那款HTML伍卡通纵然不是依照canvas的,它是基于jade和scss的,那款纸带翻跟斗画格外不利,翻转时的3D特效也尤其令人奇怪,比较消耗CPU。

图片 6

在线演示 
   
  源码下载

5级标题

7、HTML5/CSS三分步提醒框Tooltip 可停放弃意HTML元素

Tooltip又叫提醒框,在网页上很广阔,用户通过点击大概滑动鼠标来获取更详实的新闻,但是任何页面却很干净。今日分享的那款HTML5/CSS叁分步提醒框Tooltip能够让你分步来询问相关任务。提醒框中的内容能够自定义,能够是任意HTML成分,使用其力格外便利。

图片 7

在线演示 
      源码下载

6级标题

注:此行错误,标题层级最多陆级 未有标签

  • 文本

    :普通文书换行,使用行末尾2空格触发

  • 粗体和斜体

        **粗体1**
        _粗体2_
    
        *斜体1*
        _斜体2_
    

    展现效果为:
    粗体1
    粗体2
    斜体1
    斜体2

  • 引用

    > 第一级引用  
    >> 第二级引用  
    >>> 第三级引用  
    

    来得效果为:

    首先级引用

    第三级引用

    其三级引用

  • 代码区块

: 行内代码应用一对波浪号
块级代码应用一个波浪号 或 全体肆空格缩进,且上下均用整行隔断

    以下是一段`java`代码实例:  
    public static void main(String[] args) {  
        System.out.println("Hello World")
    }  

展现效果为:
以下是一段java代码实例:

    public static void main(String[] args) {  
        System.out.println("Hello World")  
    }
  • 列表

    :有系列表用一. ,严节列表用* ,内容用空格隔绝

        1. C++
        2. Java
           * int
           * boolean
           * String
        3. Python
    

展现效果为:

  1. C++
  2. Java
    * int
    * boolean
    * String

  3. Python

  • 链接

    :方括号(前边能够选用性地丰盛至多三个空格来缩进),里面输入链接文字
    随即3个冒号
    接着一个之上的空格或制表符
    继之链接的网站
    选用性地随着 title 内容,能够用单引号、双引号或是括弧包着

    [Github](https://github.com/ "跳转到Github")  
    [标题](#标题)
    

    体现效果为:
    Github
    标题

  • 图片

    :一个惊愕号 !
    跟着二个方括号,里面放上海体育场合片的代表文字
    进而2个平时括号,里面放上海教室片的网站,最终仍是可以用引号包住并累加
    选拔性的 ‘title’ 文字。

    ![Github](http://i.imgur.com/s9uUNJn.jpg)  
    

    来得效果为:
    图片 8

8、jQuery水平菜单提示作用

图片 9

在线演示      
 源码下载

4. Markdown工具

Windows平台:

Linux平台:

Mac平台:

在线编辑器:

浏览器插件:

玖、纯CSS三垂直动画菜单 效果很酷

CSS叁菜系的落到实处实在是太多了,有要求的意中人能够在CSS3菜单栏目下搜寻符合自个儿供给的菜谱。前几天大家来享受1款CSS三垂直菜单,那款垂直菜单不仅有美艳的小图标,而且鼠标滑过时还有相当酷的CSS三卡通,我们能够试试那款CSS叁垂直菜单。

图片 10

在线演示 
   
  源码下载

5. Markdown的支持

  • Github
    先导援助,使用马克down的三个分支版本来格式化评论、音讯以及任何内容。
  • Stack Overflow 使用壹种 马克down
    的分段作为它的稿子格式化系统。
  • 博客园
    国内技术人的博客家园,天天活跃上万用户,高品质社区。
  • CSDN
    号称全世界最大中文IT社区,涵盖了各种语言、架构、博客、俱乐部等模块的技术论坛。
  • 图灵社区
    使用markdown语法供用户写作电子书.
  • 简书
    重10文字的力量,交换故事,交流想法,一个基于内容分享的社区。
  • 为知笔记
    国内超级笔记软件,帮忙使用马克down语法编辑笔记。
  • 有道云笔记
    最新版本发轫协理,并且补助部分恢宏语法。

10、jQuery实现的模拟腾讯录制导航菜单

腾讯录像+站酷jQuery导航是一款基于jQuery达成的模拟腾讯录制导航菜单和站酷网址导航功效。

图片 11

在线演示      
 源码下载

上述10款实用的jQuery/HTML5插件你兴奋吗?请分享给您的爱侣。

本文由html5tricks收集整理,转发请务必保留原版的书文链接
http://www.html5tricks.com/10-unforgive-jquery-html5-app.html

6. 参考

(以上文章全体用马克down所写。下载地址为:https://github.com/cnsuperx/learn-markdown)
作者:AlphaGL
出处:http://www.cnblogs.com/alphagl/p/5923735.html
版权全体,欢迎保留原来的文章链接实行转发 🙂