<!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" /> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" /> <title>分享指示</title> <SCRIPT src="<%=request.getContextPath()%>/page/payAct/css/js/base.js" type=text/javascript></SCRIPT> <link href="<%=request.getContextPath()%>/page/payAct/css/index.css" rel="stylesheet" type="text/css" /> <script language="javascript"> //分享指引 function funFX() { alert("分享指引"); } function fun() { // hidden_toolbar(); showFx(true); } //弹出框 function showFx(isShow) { var div = document.getElementById("fxDiv"); if(isShow ==true) { //alert("block"); //div.style.height=document.height; div.style.display="block"; } else { //alert("none"); div.style.display="none"; } } </script> <style type="text/css"> body { padding: 0px; margin: 0px; } .divFx { width: 100%; float: left; z-index: 1000; overflow: visible; position: fixed; left: 0px; top: 0px; _position: absolute; _top: expression_r(documentElement.scrollTop); background: #000000; -moz-opacity: 0.8; opacity: 0.8; filter: alpha(opacity = 80); } .divFxContent { width: 100%; height: 5000px; text-align: center; } .divFxContent * { position: relative; } </style> </head> <body onload="fun()"> <div class="divFx"> <div id="divFxContent" class="divFxContent"> <img src="images/wxmsg_tips01.png" width="100%"></img> </div> </div> <div> ============================ </div> <form id="form1" name="form1" method="post" action=""> <table width="100%" border="0" cellspacing="0" cellpadding="4"> <tr> <td> 我来说说这是干嘛的 </td> </tr> <tr> <td> 我就是分享一下,然后告诉你这是神马 </td> </tr> <tr> <td align="center" valign="middle"> <label for="Submit"></label> <input type="button" value="许愿分享" class=".btn_ok" onclick="funFX()" /> </td> </tr> <tr> <td> <p> 这些你就不要迷恋哥啦,123 </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> <p> 这些你就不要迷恋哥啦, </p> </td> </tr> </table> </form> </html>
相关推荐
div固定在屏幕顶部,卡在屏幕的上部
这个例子是把div固定在设定的地方,不跟着滚动条滚动!
鼠标移动到div上弹出div或者信息,并且自适应显示位置;每一步代码都有详细的解释;简单,通俗易懂
ajax控制div窗口显示和隐藏
本程序在网页中设计了Div层的显示和隐藏,代码简单、实用。
div100%平铺 浏览器缩小或在手机上查看 div背景显示不全bug的解决,亲测有效!
两个DIV同一行显示。也可以调整样式使其纵向排列。
计算div与可视的浏览器顶部距离,而不是于body的距离。
div显示隐藏效果
纯CSS 鼠标经过DIV另一个显示隐藏 多个DIV并存
很好的div浮动层显示,一些下拉改为透明的浮动层,便于做查询等功能
网页div在屏幕正中间显示
js鼠标浮动显示div,在鼠标移动至input后可显示div层中的内容
div实现iframe的框架左侧隐藏与显示实例;代码非常简单;分享给大家
div css显示对联带关闭代码
多个iframe,显示其中一个frame中的div,并处于最上层显示 并且页面中的填写的值,可以传到弹出的div页面中 最近一段时间在做这个东西,给大家分享一下 附带测试代码 js弹出div层
超级实用的点击隐藏,显示div内容,切换div内容 点击按钮(a标签)
在编写页面代码时候有时候需要div圆角显示。比如菜单栏等等,可以参考这个代码。
项目的功能如下:点击前台的某个链接或者按钮,动态的在某个div层上显示从数据库中查询的内容(这个div可以是浮动层,我为了简单就没做浮动处理了),在项目中数据没有从数据库获取,只是根据前台Ajax请求传递的参数...