关于jquery弹出菜单代码的信息

今天给各位分享jquery弹出菜单代码的知识，其中也会对进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、jquery怎样弹出右键菜单，请教！
• 2、jquery如何点击按钮弹出一个窗口页面呢？
• 3、jquery怎么让页面弹出窗口
• 4、jquery如何实现——点击某一个div,弹出一个对话框？
• 5、怎样用jquery做一个弹出的输入框？
• 6、我想用jquery实现弹出文本框，不知道代码怎么写请大神们帮忙啊！！！

jquery怎样弹出右键菜单，请教！

先来源码，把这一段存成文件，在要使用的页面里面导入于jquery基本库后。

------------

jQuery.fn.extend({

jsRightMenu: function(options) {

options = $.extend({

menuList: []

}, options);

return this.each(function() {

if ($("#div_RightMenu", $(this)).size() == 0) {

var menuCount = options.menuList.length;

if (menuCount 0) {

var divMenuList = "div id=\"div_RightMenu\" class=\"div_RightMenu\"";

for (var i = 0; i menuCount; i++) {

divMenuList += "div class=\"divMenuItem\" onclick=\"" + options.menuList[i].clickEvent + "\" onmouseover=\"" + options.menuList[i].mouseoverEvent + "\" onmouseout=\"" + options.menuList[i].mouseoutEvent + "\"" + options.menuList[i].menuName + "/div";

}

divMenuList += "/div";

$(this).append(divMenuList);

var objM = $(".divMenuItem");

$("#div_RightMenu").hide();

objM.bind("mouseover", function() {

this.style.backgroundColor = "#316ac5";

this.style.paddingLeft = "30px";

});

objM.bind("mouseout", function() {

this.style.backgroundColor = '#EAEAEA';

});

}

}

this.oncontextmenu = function() {

var objMenu = $("#div_RightMenu");

if (objMenu.size() 0) {

objMenu.hide();

var event = arguments[0] || window.event;

var clientX = event.clientX;

var clientY = event.clientY;

var redge = document.body.clientWidth - clientX;

var bedge = document.body.clientHeight - clientY;

var menu = objMenu.get(0);

var menuLeft = 0;

var menuTop = 0;

if (redge menu.offsetWidth)

menuLeft = document.body.scrollLeft + clientX - menu.offsetWidth;

else

menuLeft = document.body.scrollLeft + clientX;

if (bedge menu.offsetHeight)

menuTop = document.body.scrollTop + clientY - menu.offsetHeight;

else

menuTop = document.body.scrollTop + clientY;

objMenu.css({ top: menuTop + "px", left: menuLeft + "px" });

objMenu.show();

return false;

}

}

document.onclick = function() {

var objMenu = $("#div_RightMenu");

if (objMenu.size() 0) objMenu.hide();

}

});

}

});

-------------------------------------------------------

script src="" type="text/javascript"/script

script type="text/javascript" src="jquery.menu.js"/script

div id="divTest"右键菜单显示区域/div

script type="text/javascript"

$(function() {

$("#divTest" ).jsRightMenu({

menuList: [{ menuName: "右键菜单1", clickEvent: "divClick('1')"},

{ menuName: "右键菜单2", clickEvent: "divClick('2')"},

{ menuName: "右键菜单3", clickEvent: "divClick('3')"},

{ menuName: "右键菜单4", clickEvent: "divClick('4')"},

{ menuName: "右键菜单5", clickEvent: "divClick('5')"}

]

});

});

function divClick(id){

alert("你点了--右键菜单"+id);

}

/script

jquery如何点击按钮弹出一个窗口页面呢？

html代码如下：

input

type="button"

value="显示"

id="b1"/

jquery代码如下：

添加jquery引用。。。

script

type="text/javascript"

$(function(){

$("b1").click("弹出一个窗口页面")

});

/script

不知楼主说的窗口页面是否是这样的。

jquery怎么让页面弹出窗口

html

headtitleSimple jsp page/title

style type="text/css"

!--

#div1 {

position:absolute;

left:338px;

top:91px;

width:446px;

height:294px;

z-index:1;

border:solid #7A7A7A 4px;

}

/style

script

src=""/script

script type="text/javascript"

$(function(){

$("#div1").hide(); //先让div隐藏

$("#span1").click(function(){

$("#div1").fadeIn("slow");//淡入淡出效果 显示div

});

$("#span2").click(function(){

$("#div1").fadeOut("slow");//淡入淡出效果 隐藏div

})

});

/script

/head

body

1个简单弹出div的小例子 页面不是很美观 效果达到了p/p/p/p/p/p/

span style="cursor:pointer" id="span1"点我弹出div/span

div id="div1"

div align="right" style="background-color:#CDCDCD;"span id="span2" style="cursor:pointer"关闭/span

/div

pp

form

username:input type="text"/p /

age:input type="text"/p /

input type="submit" value="submit"/br /

/form

/div

/body

/html

以上代码直接复制粘贴，html文件就可以运行，可以做弹出操作。

jquery如何实现——点击某一个div,弹出一个对话框？

你好！！

只点击某一个div, 弹出一个对话框？具体什么含义??

$(function(){

    $("li div").click(function(){

        alert( this.outerHTML );

    });

});

怎样用jquery做一个弹出的输入框？

1、新建并保存一个html文档，进入html代码编辑页面。

2、写一个input文本输入框，并定义ID，然后写一个按钮，并定义ID。

3、要做的效果就是点击按钮为输入框赋值，然后把输入框和按钮的css样式写好，不写样式也可以。

4、引入jquery文件，路径要正确，写jquery代码，打开浏览器测试一下，点击按钮之后，输入框内就会自动输入赋值的内容。

我想用jquery实现弹出文本框，不知道代码怎么写请大神们帮忙啊！！！

最好用的弹出层是fancybox，它可以弹出来任何东西，可以是文本，可以是一个隐藏的节点，还可以是一个iframe，也就是说你只要写一个新的网页显示公告，这个链接上写上href=“公告网址”。然后给这个a写上一个class=“fancybox”，就可以直接jquery调用$("fancybox").fancybox();来初始化这个链接。初始化之后的链接再点击，就不会进行网页跳转，而是弹出一层进行加载，效果如图，还可以设置弹出动画、遮罩层、弹出层宽高、样式、透明度、居中、随窗口滚动居中等等。

jquery弹出菜单代码的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于、jquery弹出菜单代码的信息别忘了在本站进行查找喔。