Discuz二级导航插件

Discuz 插件制作之后台常用函数详解

目录 showsetting()表单显示 cpmsg()提示消息 showformheader()创建表单头 showformfooter()创建表单尾 showtableheader()创建表格头 showtablefooter()创建表格尾 showtablerow()创建列表式页面的行 showsubmit()创建提交按钮 showhiddenfields()创建隐藏表单域 showsubmenu()二级导航栏显示 shownav()面包屑导航栏显示及二级导航栏标题 showsetting

jquery-menu-aim插件实现二级导航

jquery-menu-aim插件是实现二级导航亚马逊式三角滑动的强力工具,它在性能上极佳,快速滑动,基本无延迟效果,源码位置见对应作者的github,接下来附上样例代码: $(function () { $('.menu-left').menuAim({ // 插件的使用 activate: activateSub, deactivate: deactivateSub, exitMenu: exitMenuSub // 必须加,负责处理最后一次移入问题 }); }); function act

Fixed Responsive Nav – 响应式的单页网站导航插件

Fixed Responsive Nav 是一个响应式的,固定的,触摸友好的单页网站导航插件,响应式导航,流畅的动画滚动.该项目采用渐进增强构建,支持工作在 IE6 及以上版本的浏览器. 你可以给导航打开的内容添加一个遮罩,自动突出显示当前位置.你可以自由地使用提供的 JavaScript,CSS 和图标字体用于商业或非商业项目. 您可能感兴趣的相关文章真是好东西!13种非常动感的页面加载动画效果你见过吗?9款超炫的复选框(Checkbox)效果超赞!基于 Bootstrap 的响应式的后

Tourist.js – 简单灵活的操作指南和导航插件

Tourist.js 是一个基于 Backbone 和 jQuery 开发的轻量库,帮助你在应用程序创建简单易用的操作指南和导航功能.相比网站,它更适合用于复杂的,单页网站类型的应用程序.Tourist.js 能够灵活控制的每个步骤的界面. 您可能感兴趣的相关文章 Verlet-js:超炫的开源 JavaScript 物理引擎推荐 Transit – 超平滑的 CSS 过渡和变换动画效果插件 Debuggex – 超好用的正则表达式可视化调试工具 -prefix-free:帮你从 CSS 前缀的

js二级导航

js写二级导航要点 1.ul li 2.js获取元素 3.setInterval(function(),time); 代码如下 <style type="text/css"> ul,li,body{margin:0;padding: 0;} #nav{width: 500px;margin: 10px auto;} ul li{list-style: none;} .clear{clear: both;} #nav>li{float: left;position: r

一款jquery编写图文下拉二级导航菜单特效

一款jquery编写图文下拉二级导航菜单特效,效果非常简洁大气,很不错的一款jquery导航菜单特效. 这款jquery特效适用于很多的个人和门户网站. 适用浏览器:IE8.360.FireFox.Chrome.Safari.Opera.傲游.搜狗.世界之窗. 特效的下载地址是:http://www.jqshare.com/Jq/fondone/id/131.html 更多特效:jquery特效

jquery单页网站导航插件One Page Nav

这是一个轻量级的jQuery的单页网站导航插件.增加了单击后平滑滚动导航和当你浏览不同的部分时自动选择正确的导航项. changeHash: false, 改变当用户单击导航,就改变changeHash选项为true. scrollSpeed: 750, scrollThreshold: 0.5, filter: '', easing: 'swing', begin: function() { //I get fired when the animation is starting }, end

jQuery制作右侧边垂直二级导航菜单

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ

TP3.2二级导航与高亮显示

闲来无事,记记笔记二级导航的实现,就是一个二级联动,嗯先来看看数据库,我喜欢用一个表,表多了就不好玩了二级代号取一级导航的代号就行了,做个简单的栗子: 代码部分: 看控制器,大头在这: <?php namespace Otcms\controller; use Think\controller; use Otcms\controller\WxhController; use Think\index; class WxhController extends Controller { publ

纯CSS实现二级导航下拉菜单--css的简单应用

思想:使用css的display属性控制二级下拉菜单的显示与否.当鼠标移动到一级导航菜单的li标签时,显示二级导航菜单的ul标签.由于实现起来比较简单,所以在这里直接给出了参考代码. 1.纯CSS二级导航下拉菜单代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" content="text/html" http-equiv=&

PHPCMS V9 添加二级导航

今天看了看phpcms 写到二级导航时发现点问题,查询导航栏的信息时返回的$r[arrchildid]与自己想象的不符,文档上说是返回子栏目id但是却有些不同. 开始的思路: <ul class="nav navbar-nav"> <li class="active"><a href="{siteurl($siteid)}">首页</a></li> {pc:content action=

jQuery垂直二级导航菜单代码

http://www.sucaihuo.com/js/395.html 分享一个简单的垂直二级菜单导航. HTML <div id="my_menu" class="sdmenu"> <div> <span>在线工具</span> <div class="submenus"> <a href="http:

用jquery制作一个二级导航下拉菜单

1使用$(function(){...})获取到想要作用的HTML元素. 2通过使用children()方法寻找子元素. 3通过使用show()方法来显示HTML元素. 4通过使用hide()方法来隐藏HTML元素. 5jQuery库引用方法:将jQuery库下载到电脑上,然后引用. <script type="text/javascript" src="jquery/jquery-3.3.1.min.js"><

JS写的二级导航栏（利用冒泡原理）

今天给大家分享一种用JS写的导航栏,虽然我们工作中不会使用JS来做导航栏,为了练习我们用JS来做一个JS导航栏这种方法要比其他方法代码量少很多,但是需要对事件冒泡有一定的理解,如果需要理解冒泡可以参考一下, 该注释的地方我都给大家注释上了思路:给所有的 li 加上鼠标移入事件当鼠标移入时会触发事件,由于事件的冒泡机制,每次二级导航栏里的事件触发时同时会触发父级 li 的事件调试时可以用e.stopPropagation()阻止事件冒泡来看看冒泡和不冒泡的区别 <!DOCTY

一款基于jquery和css3的响应式二级导航菜单

今天给大家分享一款基于jquery和css3的响应式二级导航菜单,这款导航是传统的基于顶部,鼠标经过的时候显示二级导航,还采用了当前流行的响应式设计.效果图如下: 在线预览源码下载实现的代码. html代码: <div id="header"> <div class="logo"> <a href="#">Responsive Nav</a> </div> <nav>

一些必看的jQuery导航插件和教程

导航是一个网站最重要的元素之一,您必须遵循统一的风格来设计您的网站,特别是导航的风格,让用户可以轻松地找到他们想要的内容.这里最大的部分是开发一个菜单,即要直观易用,又要符合你网站的设计风格.本文列举了20个必看的jQuery的导航插件和教程,演示通过jQuery实现一些导航效果,教您如何做一个有创造性和易于使用的导航. 美丽滑出导航在本教程中,展示了如何创建一个惊人的滑出式菜单或导航.这给出了一个漂亮的效果,使用这种技术可以节省您在网站上一些空间. Search Box with Filte

JavaScript(获取或设置html元素的宽,高,坐标)，确定和判断鼠标是否在元素内部，二级导航菜单鼠标离开样式问题解决

设置: document.getElementById('id').style.width=value document.getElementById('id').style.height=value document.getElementById('id').style.top=value document.getElementById('id').style.left=value 获取: value=document.getElementById('id').offsetL

纯css3实现的竖形二级导航

之前为大家分享了好多导航菜单.今天给大家带来一款纯css3实现的竖形二级导航.这款导航菜单可以是无限级.一起看下效果图: 在线预览源码下载实现的代码. html代码: <div style="width: 700px; margin: auto;"> <div class="W1-h16"> <ul> <li class="has-sub"><a href="#"&

第二百四十九节，Bootstrap附加导航插件

第二百四十九节,Bootstrap附加导航插件学习要点: 1.附加导航插件本节课我们主要学习一下 Bootstrap 中的附加导航插件一．附加导航注意:此插件要使用 bootstrap3.0.3.min.js 才能实现附加导航即粘贴在屏幕某处实现锚点功能. 基本实例第一步,设置一个div布局来写整个附加导航container样式class类,写在布局<div>里,设置布局div固定最大宽度1140(Bootstrap) 第二步,设置标题区域jumbotron样式class类,写在标

DISCUZ开启设计插件功能和显示嵌入点功能

DISCUZ开启设计插件功能和显示嵌入点功能找到config目录下的config_global.php文件.在最后加入 $_config['plugindeveloper'] = 0; $_config['plugindeveloper'] = 1;开启插件设计者模式 $_config['plugindeveloper'] = 2;开启设计插件功能和显示嵌入点

jQuery下拉列表二级联动插件

jQuery下拉列表二级联动插件的视图代码: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery下拉列表二级联动插件</title> <script type="text/javascript" src="jquery-1.7.1.min.js"&g

Discuz二级导航插件

热门专题