<!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添加阴影或者背景颜色,以便让其突出显示,以及调整内部元素(如输入框、按钮等)的布局,确保在固定模式下内容可正常使用。 总结而言,通过上述步骤及代码示例,可以利用jQuery轻松实现让div...
在CSS中,`fixed`类应包含`position: fixed`和适当的`top`值,以确保div正确显示。 总的来说,"jquery特效DIV层跟随页面向下滚动"是一种增强网页交互性的常见技术,它结合了jQuery的选择器、事件处理和样式控制,使...
<div class="sticky">这是置顶的div,页面滚动时会一直显示。</div> <!-- 其他页面内容 --> ``` 虽然HTML和CSS可以实现基础的置顶滚动效果,但有时候我们可能需要更复杂的交互,例如在div达到特定位置时才开始...
我一直以为是某个div或层随屏幕滚动,遇顶则固定,离开浏览器顶部又还原这样的例子其实不少,其实它的名字叫“层的智能浮动效果”。目前我们在国内的商业网站上就常常看到这样的效果了。例如淘宝网的搜索结果页的...
这样,背景颜色或图片就会从顶部一直延伸到底部,覆盖整个页面。 #### 八、block/inline元素的区别 HTML元素根据其默认的显示行为可分为`block`和`inline`两种类型。`block`类型的元素会在页面中独占一行,并且可以...
1. 创建HTML结构:设置一个用于显示进度条的div元素,并在其内部包含一个代表进度的子元素。例如: ```html <div class="progress-bar"> <div class="progress"></div> </div> ``` 2. 使用CSS定义样式:为进度条和...
通常,表头固定的实现原理是创建一个新的div层,将表头复制到这个div中,并在窗口滚动时调整div的位置,使其始终位于可视区域顶部。 接下来,我们讨论两种可能的实现情况: 1. **windowScroll.aspx**:此情况可能...
这种效果有助于用户在浏览长页面时快速访问导航链接,无需一直滚动回顶部。 在压缩包内的文件"1063"可能是HTML、CSS和JavaScript文件的组合,其中HTML用于结构化内容,CSS用于样式化,而JavaScript(尤其是jQuery)...
在网页设计和开发中,实现内容的垂直居中一直是个令人头疼的问题。虽然水平居中相对容易,通过设置CSS的text-align属性为center就可以轻松实现,但垂直居中的问题则复杂得多。在给定的文件中,提到了DIV和SPAN这两个...
随着用户滚动页面,这个返回顶部的按钮能够一直跟随滚动条的移动,出现在屏幕底部的固定位置。当用户点击该按钮时,页面会平滑地滚动回到顶部。本文主要介绍如何使用JavaScript实现这样的效果。 二、技术要点: 1....
这样,用户可以快速识别他们在页面中的位置,无需一直回到顶部查看导航。 在C#中,虽然主要用来编写服务器端代码,但可以通过ASP.NET与客户端的JavaScript(如jQuery)进行交互。在ASP.NET中,我们可以创建一个包含...
这种技术在现代网页设计中非常常见,为用户提供了一种便捷的方式去访问或者关注某些重要的信息,而不必一直滚动到页面顶部或底部。 在"浮动窗口代码"中,`浮动/index.htm`可能是指一个示例文件,用于演示如何实现...
中国书法是一门古老的汉字的书写艺术,从甲骨文、石鼓文、金文(钟鼎文)演变而为大篆、小篆、隶书,至定型于东汉、魏、晋的草书、楷书、行书等,书法一直散发着艺术的魅力。汉字书法为汉族独创的表现艺术,被誉为...
例如,在聊天应用、实时消息显示或者日志查看等场景中,使滚动条保持在视图的底部,以便用户始终看到最新的内容,是非常常见的功能需求。本文主要介绍在Vue项目中如何实现滚动条始终定位在底部的方法。 首先,一种...
**问题**:在Firefox、Opera和Chrome中,`<div>`中包含`<p>`标签时,顶部和底部会出现空白行。 **解决方法**:通过设置`<p>`标签的`margin`为0,并为`<div>`设置合适的`padding-top`和`padding-bottom`来消除空白行...
这在创建导航栏、侧边栏或者页脚等需要一直可见的元素时非常有用。 AmazeUI 提供了一套简洁且实用的 CSS 类来帮助开发者快速实现固定定位。固定定位是 CSS 定位模型的一部分,通过 `position: fixed` 属性实现。...
CSS兼容性问题在Web开发中一直是个棘手的挑战,尤其是在处理IE(尤其是IE6、IE7)和Firefox之间的差异时。以下是一些针对这些浏览器兼容性问题的CSS技巧: 1. **垂直居中问题**: 当你需要一个div内容垂直居中时,...
- 用户可以在`<div class="blessings">`标签内部添加自定义的祝福语。 - 该模板是一个简单的示例,用户可能需要根据个人的需求对其进行修改和扩展。 #### 标签分析 - **标签**:“html 软件/插件” - **解读**:...