在bootstrap官方来说，导航最多就是两级，两级以上是无法实现的，大叔找了一些第三方的资料，终于找到一个不错的插件，使用上和效果上都还不错，现在和大家分享一下

插件地址：http://vsn4ik.github.io/bootstrap-submenu/

先看一下，在大叔后台系统上的显示效果

下面说一下实现的方式

１　引用三个JS插件和一个CSS类库

<script src="~/Content/bootstraps/JS/bootstrap-submenu.js"></script>

    <script src="~/Content/bootstraps/JS/highlight.min.js"></script>

    <script src="~/Content/bootstraps/JS/docs.js"></script>

    <link href="~/Content/bootstraps/CSS/bootstrap-submenu.css" rel="stylesheet" />

２　插入对应的HTML代码块,本例子没有使用递归生成代码，使用了静态的三级结构，这样看着更清晰，真正的生产环境建议使用递归去生产菜单

<ul class="nav nav-pills">

    @foreach (var item in Model)

    {

        if (item.Sons != null && item.Sons.Count > 0)

        {

                

        <li class="dropdown">

            <a data-submenu="" data-toggle="dropdown" tabindex="0">@item.MenuName<span class="caret"></span></a>

            <ul class="dropdown-menu">

                @foreach (var sub in item.Sons)

                {

                    if (sub.Sons != null && item.Sons.Count > 0)

                    {
                    <li class="dropdown-submenu">

                        <a tabindex="0">@sub.MenuName</a>

                        <ul class="dropdown-menu">

                            @foreach (var inner in sub.Sons)

                            {

                                <li>

                                    <a href="@inner.LinkUrl">@inner.MenuName</a>

                                </li>

                            }
                        </ul>

                    </li>

                    <li class="divider"></li>
                    }
                    else

                    {

                    <li><a href="@sub.LinkUrl">@sub.MenuName</a></li>

                    }

                }

            </ul>

        </li>

        }

        else

        {

        <li><a href="@item.LinkUrl">@item.MenuName</a></li>

        }

    }

</ul>

最后的效果就是第一个图了，值得注意的是，如果希望每个菜单之间使用分割线，可以添加 <li class="divider"></li>这行代码。

感谢各位的阅读！文章来源 张占岭

js实现ctrl+v粘贴上传图片(兼容chrome、firefox、ie11)
我们或多或少都使用过各式各样的富文本编辑器，其中有一个很方便功能，复制一张图片然后粘贴进文本框，这张图片就被上传了，那么这个方便的功

js实现分割上传大文件
本文实例介绍了js上传文件操作，分享给大家供大家参考，具体内容如下!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"htmlx

javascript html5移动端轻松实现文件上传
PC端上传文件多半用插件，引入flash都没关系，但是移动端要是还用各种冗余的插件估计得被喷死，项目里面需要做图片上传的功能，既然H5已经有相关