您的位置：首页 > Web前端 > JQuery

jQuery Mobile基础09----jQuery Mobile Widgets(2)-popup（泡泡窗口

2015-10-09 09:05 661 查看

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<!--宽度就是设备的宽度，缩放1.0，表示不缩放-->
<meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport">
<title></title>
<!--jquerymobile必须依赖着3个库文件-->
<script src="jquery-2.1.4.min.js"></script>
<script src="jquery.mobile-1.4.5.min.js"></script>
<link href="jquery.mobile-1.4.5.min.css" rel="stylesheet" type="text/css">
</head>
<body>
<a href="#pp" data-rel="popup" class="ui-btn">弹出窗口</a>
<div data-role="popup" id="pp">
<p>这是一个弹出窗口</p>
</div>

<a href="#pop" data-rel="popup" data-position="window" data-transition="fade">
<img src="images/jianianhua.png" class="pupphoto" style="width: 5%">
</a>
<div data-role="popup" id="pop">
<a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-delete ui-btn-icon-notext ui-btn-right">close</a>
<img src="images/jianianhua.png" class="popphoto" style="max-height:500px">
</div>

</body>

</html>
源码下载：
http://download.csdn.net/download/zhaihaohao1/9164935

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航