您好,欢迎来到jQuery吧!QQ群:193687763(钱端开发)

jQuery吧-Write Less, Do More | 注重前端开发

首页 > jQuery > jQueryUi > 正文

jquery ui Widgets Dialog对话框效果

2014-01-03 09:01:26 作者:天外飞仙 人气:2137 Views

jquery ui Widgets Dialog对话框效果
jquery ui Widgets Dialog对话框效果
基本对话框窗口位于视口覆盖和保护,从网页的内容(如选择元素)通过一个iframe闪耀。它有一个标题栏和一个内容区域,可以移动,调整大小和关闭的“X”图标。

<!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 charset="UTF-8"/><title>jquery ui Widgets Dialog对话框效果</title><meta name="keywords" content="jquery,jquery博客,jquery吧,jquery插件,jquery 特效,jquery 教程,jquery 效果,jquery ui,前端开发,web前端,web前端开发,天外飞仙,前端资源,html+CSS,JavaScript,html5,css3,css,css学习,css教程,浏览器兼容,php" /><meta name="description" content="jQuery吧,Write Less, Do More,重注前端开发,web前端开发" /><link rel="shortcut icon" href="http://www.jqueryba.com/favicon.ico" type="image/x-icon"/><link rel="profile" href="http://gmpg.org/xfn/11" /><link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://www.jqueryba.com/rss/" /> <link rel="stylesheet" href="http://www.jqueryba.com/jqueryui/jquery-ui.css"> <script src="http://www.jqueryba.com/jqueryui/jquery-1.9.1.js"></script> <script src="http://www.jqueryba.com/jqueryui/jquery-ui.js"></script> <link rel="stylesheet" href="http://www.jqueryba.com/jqueryui/style.css"> <script> $(function() { $( "#dialog" ).dialog(); }); </script></head><body><div id="dialog" title="Basic dialog"> <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p></div> </body></html>

jQuery吧在线效果测试DEMO

链接:http://www.jqueryba.com/1761.html(转载时请注明本文出处及文章链接)
分类:jQueryUi
标签:,

jQuery吧-Write Less, Do More | 注重前端开发

jQuery吧-Write Less, Do More | 注重前端开发

Copyright © 2013 jqueryba.com, All Rights Reserved.奔跑在阿里云

免责声明:本站所有内容来源于互联网。如果本站部分内容侵犯您的权益,请您告知,站长会立即处理 苏ICP备12059471号

站内所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!