html 弹窗
2016-05-10 19:36
555 查看
<script src="http://code.jquery.com/jquery-latest.js"></script> <style> .popup { width:500px; height:130px; border:2px solid #B8B8B8; position: fixed; top:30%; left:30%; background-color:#E2E3E5; display:none; } .closebtn { width: 40px; height: 40px; display: inline-block; text-align:center; cursor:default; float:right; } .urlCconten { width:498px; height:85px; text-align:left; position:relative; top:5px; z-index:99; } .uploadbtn { float:left; width:80px; text-align:center; background-color:#E7F5FE; cursor:pointer; } </style> <div class="popup" id="popup"> <span class="close closebtn" id="closeUrl" onclick="closeUrl();">╳</span> <textarea id="urlCconten" class="urlCconten" onclick="selectAll();"></textarea> </div> <button name="show" id="show" onclick="showPop();">show</button> <script type="text/javascript"> //关闭弹窗 function closeUrl() { $('#popup').hide(); } //显示视频源url function showPop() { $('#urlCconten').html('这里是内容。。'); //弹框显示 $('#popup').show(); } //全选textarea function selectAll() { $('#urlCconten').select(); } </script>
相关文章推荐
- HTML <figure> 标签
- html去除一些东西
- docx转为html时给关键字标色
- WWW万维网和HTML的故事
- html文件引入其它html文件的几种方法:include方式
- 怎么阻止直接输入地址访问 html 页面
- 正则去掉html中间的php代码
- C#根据特定URL网址获取网页源码(完整html代码)后用正则式匹配得到目标串
- .net 解决伪静态下,html页面无法访问
- HTML <!--...--> 注释标签
- html页面、canvas导出图片
- HTML页面单输入框回车自动提交问题-自留
- html的笔记(块)
- html基础(二)
- html基础
- html知识点总结(二)
- html知识点总结
- C#正则提取HTML中img的url值
- angular中的ng-bind-html指令和$sce服务
- html——网页高度