div浮动层
2016-05-31 17:20
393 查看
<!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 http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>div浮动层</title> </head> <body> <div style="padding-top: 20px;"> <input type="submit" name="" value="浮动层"onclick="javascript:showDiv()" /> </div> </body> <div id=win style="display:none; POSITION:absolute; left:50%; top:50%; width:400px; height:180px; margin-left:-230px; margin-top:-50px; border:1px solid #888; background-color:#FF0000; text-align:center"> <div style="clear: both;"></div><!--撑开位置折行--> <li class="form-item action-verifycode" ><label style="width: 200px; height:30px;">让我们确定您不是机器人</label></li> <a style="margin:25px 0px 25px 3px;" href="#" onclick="closeLogin()" class="btn" ><span><span>取消</span></span></a> </div> </body> </html> <script> function showDiv(){ document.getElementById('win').style.display='block'; } function closeLogin(){ document.getElementById("win").style.display="none"; var h = document.getElementById("id_verifycode"); h.removeClass('disabled'); var a=document.getElementById ("span"); a.innerHTML = "重发验证码"; } </script>
相关文章推荐
- js实现从右向左缓缓浮出网页浮动层广告的方法
- jquery简单的弹出层浮动层代码
- js 浮动层菜单收藏
- JQuery页面滚动浮动层智能定位
- jQuery实现的兼容性浮动层示例
- jQuery实现的浮动层div浏览器居中显示效果
- 在C#代码中应用Log4Net(二)典型的使用方式
- HDU-1094
- 数据结构学习-数组和广义表
- Android布局优化之ViewStub控件
- adb 启动指定的activity
- QT5.6.0安装错误记录
- Android自动化测试之Robotium学习(三)
- [HTML5] 前端规范 - HTML编码规范
- Middle-题目86:207. Course Schedule
- typedef函数指针用法
- 从AVL树的定义出发,一步步推导出旋转的方案。
- 社交分享和应用间跳转
- 第三讲-------Logistic Regression & Regularization
- android:uiOptions="splitActionBarWhenNarrow"