jquery-msgbox移动的提示框资源-CSDN文库

共6个文件

js：3个

gif：1个

css：1个

jquery

5星 · 超过95%的资源需积分: 44 22 浏览量 2010-04-11 11:26:40 上传评论收藏 40KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

msgbox.zip （6个子文件）

msgbox

jquery.js 115KB

4.2

jquery.msgbox.css 840B

jquery.msgbox.min.js 5KB

jquery.msgbox.js 9KB

close.gif 111B

jquery.msgbox.html 4KB

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> <HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>迷途知返 jquery.msgbox Test</TITLE> <META content="text/html; charset=UTF-8" http-equiv=Content-Type> <STYLE>#test SPAN { PADDING: 4px; BACKGROUND-COLOR: #006699; MARGIN: 2px; FLOAT: left; color:white } #test,textarea { FONT-SIZE: 12px } </STYLE> <LINK rel=stylesheet type=text/css href="4.2/jquery.msgbox.css"> <SCRIPT type=text/javascript src="jquery.js"></SCRIPT> <SCRIPT type=text/javascript src="4.2/jquery.msgbox.min.js"></SCRIPT> <SCRIPT language=JavaScript type=text/javascript> $(function(){ $("#test input").click(function(){ var index = $("#test input").index($(this)); eval($("#test textarea").eq(index).val()); }); }); </SCRIPT> <META></HEAD> <BODY> <DIV id=test><A href="http://pwwang.com/">迷途知返</A> <A href="http://pwwang.com/technology/js-javascript/jquery%e6%8f%92%e4%bb%b6%ef%bc%9adiv%e6%8f%90%e7%a4%ba%e6%a1%86jquery-msgbox-2-0/">jquery.msgbox</A> <select><option>Test select</option></select> <BR><BR><SPAN>最简单的调用方式：<BR><TEXTAREA id=textarea rows=12 cols=30 name=textarea>$.msgbox({ closeImg: 'close.gif', content:'Hello, world!' }); //if closeImg is in the default path(images/close.gif), you can even do it like this: //$.msgbox("Hello, world!")</TEXTAREA> <BR><INPUT id=button value=运行 type=button name=button> 提示：可修改部分代码后运行</SPAN><SPAN>文本提示：<BR><TEXTAREA id=textarea rows=12 cols=30 name=textarea>$.msgbox({ closeImg: 'close.gif', height:500, width:600, content:'Hello, world!', type :'text' }); </TEXTAREA> <BR><INPUT id=button value=运行 type=button name=button> 提示：可修改部分代码后运行</SPAN><SPAN>警告框：<BR><TEXTAREA id=textarea rows=12 cols=30 name=textarea>$.msgbox({ closeImg: 'close.gif', height:130, width:250, content:'Hello, world!', type :'alert' }); </TEXTAREA> <BR><INPUT id=button value=运行 type=button name=button> 提示：可修改部分代码后运行</SPAN><SPAN>确认框：<BR><TEXTAREA id=textarea rows=12 cols=30 name=textarea>$.msgbox({ closeImg: 'close.gif', height:130, width:250, content:'Hello, world?', type :'confirm', closeEvent:function(v){ if(v) alert("You've clicked 'Yes' button!"); else alert("You've clicked 'No' button or closed me!"); } }); </TEXTAREA> <BR><INPUT id=button value=运行 type=button name=button> 提示：可修改部分代码后运行</SPAN><SPAN>自动关闭：<BR> <TEXTAREA id=textarea rows=12 cols=30 name=textarea>$.msgbox({ closeAfter:10, closeImg: 'close.gif', height:500, width:600, content:'Hello, world!', type :'text' }); </TEXTAREA> <BR><INPUT id=button2 value=运行 type=button name=button2> 提示：可修改部分代码后运行</SPAN><SPAN>关闭后事件(可见确认框)：<BR><TEXTAREA id=textarea rows=12 cols=30 name=textarea>$.msgbox({ closeImg: 'close.gif', height:500, width:600, content:'Hello, world!', type :'text', closeEvent: function(){alert('你。。。你居然把我关了!')} }); </TEXTAREA> <BR><INPUT id=button2 value=运行 type=button name=button2> 提示：可修改部分代码后运行</SPAN> <SPAN>Ajax：<BR><TEXTAREA id=textarea2 rows=12 cols=30 name=textarea2>$.msgbox({ closeImg: 'close.gif', height:500, width:600, content:'http://pwwang.com', type :'ajax', title: 'PWWANG.COM' }); </TEXTAREA> <BR><INPUT id=button3 value=运行 type=button name=button3> 提示：可修改部分代码后运行</SPAN> <SPAN>Ajax完成后事件：<BR><TEXTAREA id=textarea3 rows=12 cols=30 name=textarea3>$.msgbox({ closeImg: 'close.gif', height:500, width:600, content:'http://pwwang.com', type :'ajax', title: 'PWWANG.COM', afterAjaxEvent: function(data){alert(data)} }); </TEXTAREA><BR><INPUT id=button4 value=运行 type=button name=button4> 提示：可修改部分代码后运行</SPAN> <SPAN>iframe：(oneBoxMode:true)<BR><TEXTAREA id=textarea4 rows=12 cols=30 name=textarea4>$.msgbox({ closeImg: 'close.gif', height:500, width:600, content:'?', type :'iframe', title: 'iframe: multipulBoxMode' }); </TEXTAREA> <BR><INPUT id=button5 value=运行 type=button name=button5> 提示：可修改部分代码后运行</SPAN> <SPAN>iframe：(oneBoxMode:false)<BR><TEXTAREA id=textarea5 rows=12 cols=30 name=textarea5>$.msgbox({ closeImg: 'close.gif', height:500, width:600, content:'?', type :'iframe', title: 'One Box Mode', oneBoxMode: false }); </TEXTAREA> <BR><INPUT id=button6 value=运行 type=button name=button6> 提示：可修改部分代码后运行</SPAN> </DIV></BODY></HTML>

评论收藏

内容反馈