多級彈出選單jQuery外掛ZoneMenu
ZoneMenu是一個選單jQuery外掛，只需佔用頁面上的一個小區域，卻可以實現多級選單。
線上體驗：http://keleyi.com/jq/zonemenu/
完整HTML檔案程式碼：
<!DOCTYPE html > <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>ZoneMenu- jquery plugin</title> <base target="_blank"/> <script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery/jquery-1.11.1.min.js"></script> <link href="http://keleyi.com/jq/zonemenu/css/jquery.zonemenu.css" type="text/css" rel="stylesheet" /> <script type="text/javascript" src="http://keleyi.com/jq/zonemenu/js/jquery.zonemenu.js"></script> </head> <body> <div style="width: 200px; margin: 10px auto;"> <h2> ZoneMenu Demo</h2> </div> <div style="width: 800px; margin: 0px auto;"> <div id="zonemenu" class="zonemenu" style="float: left"> <span class="zonemenutitle"><a href="http://keleyi.com/jq/zonemenu/">ZoneMenu</a> </span> <div id="zonebody"> <ul> <li><strong><a href="http://keleyi.com/">Keleyi Home</a></strong></li> <li><a href="http://keleyi.com/menu/webqd/">WebFront</a> <ul> <li><a href="http://keleyi.com/menu/jquery/">jQuery</a></li> <li><a href="http://keleyi.com/menu/javascript/">Javascript</a></li> <li><a href="http://keleyi.com/menu/html5/">HTML5</a></li> <li><a href="http://keleyi.com/xilie/klyjs/">js book</a></li> <li><a href="http://keleyi.com/ziliao/googlejavascriptstyle.htm">Google JavaScript</a></li> </ul> </li> <li><a href="http://keleyi.com/game/">Online Web Game</a> <ul> <li><a href="http://keleyi.com/game/1/">捕魚</a> </li> <li><a href="http://keleyi.com/game/2/">不上不下</a> </li> <li><a href="http://keleyi.com/game/4/">美女拼圖</a> </li> <li><a href="http://keleyi.com/keleyi/phtml/duanwu/index.htm">賽龍舟</a> </li> <li><a href="http://keleyi.com/game/5/">俄羅斯方塊</a> </li> <li><a href="http://keleyi.com/game/7/">瀏覽器射擊</a> </li> <li><a href="http://keleyi.com/game/9/1/saolei.htm">掃雷(容易版)</a></li> <li><a href="http://keleyi.com/game/9/1/">Mine Sweeper</a></li> <li><a href="http://keleyi.com/keleyi/phtml/silverlight/">Guess Number</a> </li> <li><a href="http://keleyi.com/game/10/">貪食蛇</a> </li> <li><a href="http://keleyi.com/game/12/">五子棋</a> </li> <li><a href="http://keleyi.com/game/13/">線上桌球</a> </li> <li><a href="http://keleyi.com/game/14/">數字拼圖</a> </li> </ul> </li> <li><a href="http://keleyi.com/map/">More Conent</a> <ul> <li><a href="http://tool.keleyi.com">Tools</a> <ul> <li><a href="http://keleyi.com/tool/md5.htm">MD5加密</a></li> <li><a href="http://keleyi.com/tool/htmlencode.htm">HTML編碼與解碼</a></li> <li><a href="http://keleyi.com/tool/urldecode.htm">URL編碼與解碼</a></li> <li><a href="http://keleyi.com/tool/regex.htm">.NET正則表示式匹配工具</a></li> <li><a href="http://keleyi.com/ziliao/js/zzbds.htm">JS正則</a></li> <li><a href="http://keleyi.com/ziliao/unicode/">Unicode字元列表</a></li> <li><a href="http://keleyi.com/tool/color.htm" title="顏色選擇器">顏色選擇器</a></li> </ul> </li> <li><a href="http://keleyi.com/keleyi/">Keleyi Menu</a></li> <li><a href="http://keleyi.com/jq/myslider/">Myslider</a></li> <li><a href="http://keleyi.com/keleyi/phtml/jqtexiao/6.htm">Happy Halloween!</a></li> <li><a href="http://keleyi.com/keleyi/phtml/jqtexiao/7.htm">Happy Birthday!</a></li> <li><a href="http://keleyi.com/keleyi/phtml/jqtexiao/7a.htm">Happy Christmas!</a></li> </ul> </li> </ul> </div> </div> <div style="float: right; border: 1px solid #999; font-size: 20px; height: 40px; line-height: 40px; width: 590px"> Welcome to ZoneMenu Home! ZoneMenu is a jQuery plugin.</div> </div> <script type="text/javascript"> $("#zonemenu").zonemenu(); </script> </body> </html>
相關推薦
多級彈出選單jQuery外掛ZoneMenu
ZoneMenu是一個選單jQuery外掛，只需佔用頁面上的一個小區域，卻可以實現多級選單。線上體驗：http://keleyi.com/jq/zonemenu/ 完整HTML檔案程式碼： <!DOCTYPE html > <html> <head>
向上彈出選單jQuery外掛
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Keleyi(jQuery Menu Plugin) - keleyi.com</title><base target="_blank"
JQuery彈出選單時禁止頁面（body）滾動
最近在做手機端的彈出選單，但是選單彈出來後滑動手機螢幕的話頁面滾動總是會將選單滑上去，體驗非常不好，所以查了一下彈出選單時禁止頁面滾動的方法，整理如下： 方法一：彈出選單時給body和html新增一個css樣式：height:100%;overflow:hidden;彈出層消失再去掉這個類。(只給body新
jquery bootstrap 彈出提示層外掛
/** * boostrap-confirm.js v1.0 author: fengzy */ ;(function($,window,document,undefined){ // var jconfirm, Jconfirm; //對外提供的方法 $.a
在 Office 系列軟體中建立 COM 外掛工具條，並實現工具條上的彈出選單
前兩天，在CSDN瞎逛悠，見一老兄問到此問，卻沒有人作答(頂的人倒還不少，國內的論壇是不是都這樣？)，還發了些牢騷，俺也順便跟著發了點牢騷：） 於是坐下來靜下心研究了一下，今日終於成了正果，不敢私吞成果，特搬弄出來，讓大家分享分享(切，無非就是虛榮而已啦，把自己說得那麼
CMFCToolBar::ReplaceButton() 替換CMFCToolBarMenuButton控制元件 點選按鈕彈出選單問題
最近使用MFC單文件做了一個專案，需要用到CMFCToolBar由於自己的按鈕是在太多了，所有又把相同的按鈕歸類也就是把相同的按鈕放在一個按鈕下，在點選這個按鈕的時候彈出合併的所有選項 問題1:在我點選有下拉項的按鈕右側(三角符號部分)時才會彈出
左右式相應彈出選單欄
在做之前我們首先需要引入bootstrap和jquery <script src="js/jquery/jquery.min.js"></script><link rel="stylesheet" href="css/bootstrap/css/bootstrap.min.cs
JS 彈出框 jquery 彈出層
幾種面板式樣
Android --右上角彈出選單
效果： 兩個佈局檔案： 1.main.xml:主要放一個Button,點選彈出選單 2.menu.xml：就是彈出顯示的選單的佈局 MainActivity.java: 點選Button，彈出PopupWindow public class MainActivity ext
Android中簡單的彈出選單
<resources> <array name="ItemArray"> <item>第一項</item> <item>第二項</item> <item>第
(二十二) 彈出選單
本節知識點 彈出選單。不用管那個按鈕的位置。系統會自動的把箭頭安排到你要的位置上 彈出選單沒有JS程式碼 全靠ID對應，類似錨點 <a href="#popover">開啟彈出選單</a> // href 定義錨點 <div
001、仿微信右上角彈出選單
一、效果圖 二、程式碼 1、選單佈局 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/
利用模態框彈出，jQuery實現table的增刪改查。
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script type="text/ja
筆記二 ：EgretH5通用MVC框架的入門操作：在scene中製造一個彈出選單（UI部分）
前言：彈出選單是遊戲中UI非常常見的一個部件，下面將用筆記一中建立的scene進行構建，效果圖如下： 1.在\resource\skins\DemoSkin.exml檔案中新增： <e:Group width="610.61" height="192.42"
android List View onCreateContextMenu 長按彈出選單並獲取長按的View
onCreateContextMenu 的view 引數獲取的不是ListView中被選中的項，而onItemLongClick 的View 引數則是被選中的項 onItemLongClick 會在onCreateContextMenu之前被呼叫，可以先響應onItemLon
MFC彈出選單欄後，滑鼠左右鍵都能點選問題
問題描述：彈出選單欄後，滑鼠左鍵以及右鍵都能點選選單欄中的專案？ 解決辦法：檢查自己載入選單欄的程式， TPM_LEFTBUTTON定義為智慧滑鼠左鍵選擇，而另一個則可以滑鼠左右鍵同時選擇選單欄專案；
JS 彈出框 jquery 彈出層
幾種面板式樣功能： Js程式碼 //1. 傳入字串 art.dialog({ content: '我支援HTML'}); [js] view plain copy print?//1. 傳入字串art.dialog({ content: '我支援HTM
Java 100-006：選單欄的建立-包括巢狀選單，禁用選單項，複選框和單選按鈕選單項，彈出選單以及快捷鍵和加速器
package java01; import java.awt.*; import java.awt.event.*; import javax.swing.*; /** * 我的java每天100行程式碼006 * 選單欄的建立：包括巢狀選單，禁用選單項，複選框和單選按鈕選
DataGridView右鍵單擊彈出選單並選中行
要求： datagridview右鍵單擊，彈出選單。如果右鍵單擊處的行是被選中的，則對這些選中的行進行操作；如果右鍵單擊處的行不是被選中的，則清除所有選中的行，並選中當前行，然後進行操作。程式碼： private void dataGridView1_Ce
Android仿新浪微博首頁加號彈出選單效果
前言 最近公司專案需求要做一個類似微博的彈出動畫，參照網上的資料和自己的修改實現了效果。 先上圖： 一、實現思路： 1、擷取當前視窗，對圖片做高斯模糊處理，將處理後的圖片做popupwindow的背景圖片； 2、建立popupwindow，完