无限级ddsmoothmenu菜单实例
点击这里查看效果
以横向ddsmoothmenu下来菜单为例,以下是实现代码:
<base target="_blank" /><link rel="stylesheet" type="text/css" href="http://keleyi.com/keleyi/phtml/menu/6/ddsmoothmenu.css" />
<script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="http://keleyi.com/keleyi/phtml/menu/6/ddsmoothmenu.js"></script>
<div id="smoothmenu1" class="ddsmoothmenu">
<ul>
<li><a href="http://keleyi.com/a/bjac/h2dj4d34.htm">Item 1</a></li>
<li><a href="http://keleyi.com/keleyi/phtml/menu/6.htm">Folder 0</a>
<ul>
<li><a href="http://keleyi.com/a/bjac/0xusjq8m.htm">Sub Item 1.1</a></li>
<li><a href="http://keleyi.com">Sub Item 1.2</a></li>
<li><a href="http://keleyi.com">Sub Item 1.3</a></li>
<li><a href="http://keleyi.com">Sub Item 1.4</a></li>
<li><a href="http://keleyi.com/a/bjac/2fs4sdog.htm">Sub Item 1.2</a></li>
<li><a href="http://keleyi.com">Sub Item 1.3</a></li>
<li><a href="http://keleyi.com/a/bjac/usklan8m.htm">Sub Item 1.4</a></li>
</ul>
</li>
<li><a href="http://keleyi.com">Folder 1</a>
<ul>
<li><a href="http://keleyi.com">Sub Item 1.1</a></li>
<li><a href="http://keleyi.com">Sub Item 1.2</a></li>
<li><a href="http://keleyi.com/a/bjac/06ysbxv0.htm">Sub Item 1.3</a></li>
<li><a href="http://keleyi.com/a/bjac/xvcdrv0w.htm">Sub Item 1.4</a></li>
<li><a href="http://keleyi.com/a/bjac/ara6jk5h.htm">Sub Item 1.2</a></li>
<li><a href="http://keleyi.com/a/bjac/4yiwpvt0.htm">Sub Item 1.3</a></li>
<li><a href="http://keleyi.com/a/bjac/k3qur783.htm">Sub Item 1.4</a></li>
</ul>
</li>
<li><a href="http://keleyi.com/a/bjac/79a7a1f25a339e0a.htm">Item 3</a></li>
<li><a href="http://keleyi.com/a/bjac/4w0otu4n.htm">Folder 2</a>
<ul>
<li><a href="http://keleyi.com">Sub Item 2.1</a></li>
<li><a href="http://keleyi.com">Folder 2.1</a>
<ul>
<li><a href="http://keleyi.com">Sub Item 2.1.1</a></li>
<li><a href="http://keleyi.com">Sub Item 2.1.2</a></li>
<li><a href="http://keleyi.com">Folder 3.1.1</a>
<ul>
<li><a href="http://keleyi.com">Sub Item 3.1.1.1</a></li>
<li><a href="http://keleyi.com/a/bjac/qm8rslq3.htm">Sub Item 3.1.1.2</a></li>
<li><a href="http://keleyi.com">Sub Item 3.1.1.3</a></li>
<li><a href="http://keleyi.com/a/bjac/ca7qisib.htm">Sub Item 3.1.1.4</a></li>
<li><a href="http://keleyi.com">Sub Item 3.1.1.5</a></li>
</ul>
</li>
<li><a href="http://keleyi.com/a/bjac/sxq4jj4d.htm">Sub Item 2.1.4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="http://keleyi.com/menu/javascript/">Item 4</a></li>
</ul>
<br style="clear: left" />
</div>
<script type="text/javascript"> ddsmoothmenu.init({
mainmenuid: "smoothmenu1", //menu DIV id
orientation: 'h', //横向设置"h",竖向为"v"
classname: 'ddsmoothmenu', //class added to menu's outer DIV
//customtheme: ["#1c5a80", "#18374a"],
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
}) </script>
转载自:http://keleyi.com/a/bjac/h2dj4d34.htm
web前端:http://www.cnblogs.com/jihua/p/webfront.html
无限级ddsmoothmenu菜单实例的更多相关文章
- python学习笔记(字符串操作、字典操作、三级菜单实例)
字符串操作 name = "alex" print(name.capitalize()) #首字母大写 name = "my name is alex" pri ...
- dialog 菜单实例
dislog 菜单实例 while : do clear menu=`dialog --title system custom` [ $? -eq ] && echo "$m ...
- Python学习笔记五:字符串常用操作,字典,三级菜单实例
字符串常用操作 7月19日,7月20日 ,7月22日,7月29日,8月29日,2月29日 首字母大写:a_str.capitalize() 统计字符串个数:a_str.count(“x”) 输出字符, ...
- JQUERY实现的小巧简洁的无限级树形菜单
JQUERY实现的小巧简洁的无限级树形菜单,可用于后台或前台侧栏菜单!兼容性也比较好. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tra ...
- vue+element-ui实现无限级动态菜单树
使用vue+element-ui实现无限级动态菜单 该案例实现主要使用递归的思想,递归对新人来容易迷惑的是自己调用自己,直到满足条件为止,接下来我们就一步一步实现一个动态多级菜单vue组件 搭建项目并 ...
- bootstrap table 父子表实现【无限级】菜单管理功能
bootstrap table 父子表实现[无限级]菜单管理功能 实现效果 前端代码 <%@ page language="java" import="java.u ...
- js无限级树菜单
以前做网站,树形菜单一般都很简单,自己定义风格样式,简单的js控制,后来原来网上很多文章都在讨论Js树型菜单,看了几个实例,发现这个树比较简单好用. http://hovertree.com/texi ...
- AngularJS中实现无限级联动菜单(使用demo)
昨天没来得及贴几个使用demo,今天补上,供有兴趣的同学参考 :) 1. 同步加载子选项demo2. 异步加载子选项demo3. 初始值回填demo4. 倒金字塔依赖demo directive的源代 ...
- AngularJS中实现无限级联动菜单
多级联动菜单是常见的前端组件,比如省份-城市联动.高校-学院-专业联动等等.场景虽然常见,但仔细分析起来要实现一个通用的无限分级联动菜单却不一定像想象的那么简单.比如,我们需要考虑子菜单的加载是同步的 ...
随机推荐
- 在Eclipse中对包进行增删改查
package com.hanqi.test; import java.sql.Connection; import java.sql.DriverManager; import java.sql.R ...
- 在Package中处理 bit column
SQL Server没有boolean类型,使用bit 类型来代替,bit类型有两个值:0 和 1. SSIS package中有boolean类型,SSIS自动将bit 类型转换成boolean类型 ...
- SQL Server中CTE的另一种递归方式-从底层向上递归
SQL Server中的公共表表达式(Common Table Expression,CTE)提供了一种便利的方式使得我们进行递归查询.所谓递归查询方便对某个表进行不断的递归从而更加容易的获得 ...
- jQuery源码分析系列(31) : Ajax deferred实现
AJAX的底层实现都是浏览器提供的,所以任何基于api上面的框架或者库,都只是说对于功能的灵活与兼容维护性做出最优的扩展 ajax请求的流程: 1.通过 new XMLHttpRequest 或其它的 ...
- MongoDB学习系列(2)--使用PHP访问MongoDB
第一部分:介绍 在Windows上安装最新MongoDB步骤非常的简单,这里不做介绍.但是如果你安装的时候没有将MongoDB作为服务运行,每次你都要使用cmd切换到指定的目录下,然后在cmd中启动M ...
- 最好的简明NodeJS学习材料
http://www.nodebeginner.org/index-zh-cn.html http://debuggable.com/posts/understanding-node-js:4bd98 ...
- spring boot源码分析之SpringApplication
spring boot提供了sample程序,学习spring boot之前先跑一个最简单的示例: /* * Copyright 2012-2016 the original author or au ...
- “英雄之旅”见闻和小结----angular2系列(三)
前言: 本系列在前面两篇文章,介绍了Zone.js和angular2的基础概念.而后对于ng2的学习,还是由官方的 Tour of Heroes 开始. 以下内容经过提炼和个人理解,当然也会有不正确的 ...
- ORA-00257 archiver error 处理思路
1.首先查下oerr给出的简要说明 2.查询V$RECOVERY_AREA_USAGE信息 3.根据实际空间剩余情况先适当增加归档目录的大小,保证先恢复业务 4.查看备份是否存在问题 1.首先查下oe ...
- Linux使用lvresize扩展或缩减lv大小
环境:CentOS 6.7 一.新建并挂载目录 /u01 和 /data 1.创建目录挂节点/u01,/data mkdir -p /{u01,data} 2.创建lv,名称是lv_u01,大小10g ...