`
hongbo.wu
  • 浏览: 93525 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

div 一直显示在顶部

    博客分类:
  • HTML
 
阅读更多
<!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>

 

分享到:
评论

相关推荐

    jQuery设置div一直在页面顶部显示的方法

    比如给固定在顶部的div添加阴影或者背景颜色,以便让其突出显示,以及调整内部元素(如输入框、按钮等)的布局,确保在固定模式下内容可正常使用。 总结而言,通过上述步骤及代码示例,可以利用jQuery轻松实现让div...

    jquery特效DIV层跟随页面向下滚动

    在CSS中,`fixed`类应包含`position: fixed`和适当的`top`值,以确保div正确显示。 总的来说,"jquery特效DIV层跟随页面向下滚动"是一种增强网页交互性的常见技术,它结合了jQuery的选择器、事件处理和样式控制,使...

    网页局部div随滚动条置顶滚动

    &lt;div class="sticky"&gt;这是置顶的div,页面滚动时会一直显示。&lt;/div&gt; &lt;!-- 其他页面内容 --&gt; ``` 虽然HTML和CSS可以实现基础的置顶滚动效果,但有时候我们可能需要更复杂的交互,例如在div达到特定位置时才开始...

    div模块层随页面滚动遇顶固定的两种方法(js&jQuery)

    我一直以为是某个div或层随屏幕滚动,遇顶则固定,离开浏览器顶部又还原这样的例子其实不少,其实它的名字叫“层的智能浮动效果”。目前我们在国内的商业网站上就常常看到这样的效果了。例如淘宝网的搜索结果页的...

    div常用技巧

    这样,背景颜色或图片就会从顶部一直延伸到底部,覆盖整个页面。 #### 八、block/inline元素的区别 HTML元素根据其默认的显示行为可分为`block`和`inline`两种类型。`block`类型的元素会在页面中独占一行,并且可以...

    CSS3相册图片加载进度条效果,加载图片过程中在页面顶部出现蓝色的进度条,右上角有不停转动的loading效果

    1. 创建HTML结构:设置一个用于显示进度条的div元素,并在其内部包含一个代表进度的子元素。例如: ```html &lt;div class="progress-bar"&gt; &lt;div class="progress"&gt;&lt;/div&gt; &lt;/div&gt; ``` 2. 使用CSS定义样式:为进度条和...

    js表头固定,固定table标题行

    通常,表头固定的实现原理是创建一个新的div层,将表头复制到这个div中,并在窗口滚动时调整div的位置,使其始终位于可视区域顶部。 接下来,我们讨论两种可能的实现情况: 1. **windowScroll.aspx**:此情况可能...

    jquery页面滚动顶部固定层代码.zip

    这种效果有助于用户在浏览长页面时快速访问导航链接,无需一直滚动回顶部。 在压缩包内的文件"1063"可能是HTML、CSS和JavaScript文件的组合,其中HTML用于结构化内容,CSS用于样式化,而JavaScript(尤其是jQuery)...

    DIV和SPAN垂直居中对齐的实现方法

    在网页设计和开发中,实现内容的垂直居中一直是个令人头疼的问题。虽然水平居中相对容易,通过设置CSS的text-align属性为center就可以轻松实现,但垂直居中的问题则复杂得多。在给定的文件中,提到了DIV和SPAN这两个...

    javascript简单实现跟随滚动条漂浮的返回顶部按钮效果

    随着用户滚动页面,这个返回顶部的按钮能够一直跟随滚动条的移动,出现在屏幕底部的固定位置。当用户点击该按钮时,页面会平滑地滚动回到顶部。本文主要介绍如何使用JavaScript实现这样的效果。 二、技术要点: 1....

    jquery页面位置定位导航菜单.rar

    这样,用户可以快速识别他们在页面中的位置,无需一直回到顶部查看导航。 在C#中,虽然主要用来编写服务器端代码,但可以通过ASP.NET与客户端的JavaScript(如jQuery)进行交互。在ASP.NET中,我们可以创建一个包含...

    浮动代码 

    这种技术在现代网页设计中非常常见,为用户提供了一种便捷的方式去访问或者关注某些重要的信息,而不必一直滚动到页面顶部或底部。 在"浮动窗口代码"中,`浮动/index.htm`可能是指一个示例文件,用于演示如何实现...

    学生DW静态网页设计 红色中国文化主题网站设计 ——美丽中国1页HTML+.md

    中国书法是一门古老的汉字的书写艺术,从甲骨文、石鼓文、金文(钟鼎文)演变而为大篆、小篆、隶书,至定型于东汉、魏、晋的草书、楷书、行书等,书法一直散发着艺术的魅力。汉字书法为汉族独创的表现艺术,被誉为...

    vue 中滚动条始终定位在底部的方法

    例如,在聊天应用、实时消息显示或者日志查看等场景中,使滚动条保持在视图的底部,以便用户始终看到最新的内容,是非常常见的功能需求。本文主要介绍在Vue项目中如何实现滚动条始终定位在底部的方法。 首先,一种...

    前端处理浏览器兼容问题

    **问题**:在Firefox、Opera和Chrome中,`&lt;div&gt;`中包含`&lt;p&gt;`标签时,顶部和底部会出现空白行。 **解决方法**:通过设置`&lt;p&gt;`标签的`margin`为0,并为`&lt;div&gt;`设置合适的`padding-top`和`padding-bottom`来消除空白行...

    AmazeUI 固定元素

    这在创建导航栏、侧边栏或者页脚等需要一直可见的元素时非常有用。 AmazeUI 提供了一套简洁且实用的 CSS 类来帮助开发者快速实现固定定位。固定定位是 CSS 定位模型的一部分,通过 `position: fixed` 属性实现。...

    CSS兼容IE和Firefox的技巧集合

    CSS兼容性问题在Web开发中一直是个棘手的挑战,尤其是在处理IE(尤其是IE6、IE7)和Firefox之间的差异时。以下是一些针对这些浏览器兼容性问题的CSS技巧: 1. **垂直居中问题**: 当你需要一个div内容垂直居中时,...

    母亲节祝福html源码示例.pdf

    - 用户可以在`&lt;div class="blessings"&gt;`标签内部添加自定义的祝福语。 - 该模板是一个简单的示例,用户可能需要根据个人的需求对其进行修改和扩展。 #### 标签分析 - **标签**:“html 软件/插件” - **解读**:...

Global site tag (gtag.js) - Google Analytics