`

一个作为iframe嵌入的frame 作用是滚动浏览

    博客分类:
  • web
JSP 
阅读更多

代码片断:

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
……

<script>
 var actualwidth='';
 var copyspeed=2;
 var part1,part2;
 function fillup(){

  //他们用于循环取得数据:
  part1=document.all.part2;//第一个显示框
  part2=document.all.part3;//第二个显示框
  actualwidth=part1.offsetWidth;
  part2.style.left=actualwidth+20;
  lefttime=setInterval("slideleft()",30);
 }
 window.onload=fillup;

 function slideleft(){
  if (parseInt(part1.style.left)>(actualwidth*(-1)+5))
   part1.style.left=parseInt(part1.style.left)-copyspeed;
  else
   part1.style.left=parseInt(part2.style.left)+actualwidth+5;

  if (parseInt(part2.style.left)>(actualwidth*(-1)+5))
   part2.style.left=parseInt(part2.style.left)-copyspeed;
  else
   part2.style.left=parseInt(part1.style.left)+actualwidth+5;
 }
</script>
<div style="position:absolute;width:718; height:205;vertical-align:top" onMouseover="copyspeed=0" onMouseout="copyspeed=2">
     <div id="part2" style="position:absolute;left:0;top:0">
     <table><tr>
 <%if(ds!=null){
  while(ds.next()){
  %>
                <td>
                    <table width="130" border="1" cellpadding="0" cellspacing="0" >
                      <!--DWLayoutTable-->
                      <tr>
                        <td height="128" valign="top"><input type="image" onClick="window.open('<%=AppPath%>/poll/index.jsp','');return;" src="<%=AppPath+ds.getString("mpath")%>"  width="128" height="128"></td>
                      </tr>
                      <tr>
                        <td height="68" valign="middle"><span style="font-size: 12px; color:#F22BED;line-height: 24px;">&nbsp;&nbsp;<IMG SRC="<%=AppPath%>/poll/images/index_24.gif"
        WIDTH=7 HEIGHT=7 ALT="">&nbsp;<%=CodeFilter.KillNull(ds.getString("gameName"))%><br>
                          &nbsp;&nbsp;<IMG SRC="<%=AppPath%>/poll/images/index_24.gif" WIDTH=7 HEIGHT=7 ALT="">&nbsp;目前票数:<%=ds.getString("hits")%><br>
                          &nbsp;&nbsp;<IMG SRC="<%=AppPath%>/poll/images/index_24.gif" WIDTH=7 HEIGHT=7 ALT="">&nbsp;来自:<%=CodeFilter.KillNull(ds.getString("district"))%></span></td>
                      </tr>
                    </table>
    </td>
           <%
     }
  }%> 
   </tr></table>
  </div>
  <div id="part3" style="position:absolute;left:-1000;top:0">
   <table><tr>
 <%if(ds!=null){
     ds.beforeFirst();
  while(ds.next()){
  %>
                <td>
                    <table width="130" border="1" cellpadding="0" cellspacing="0"
                      <tr>
                        <td height="128" valign="top"><input type="image" onClick="window.open('<%=AppPath%>/poll/index.jsp','');return;" src="<%=AppPath+ds.getString("mpath")%>"  width="128" height="128"></td>
                      </tr>
                      <tr>
                        <td height="68" valign="middle" ><span style="font-size: 12px; color:#F22BED;line-height: 24px;">&nbsp;&nbsp;<IMG SRC="<%=AppPath%>/poll/images/index_24.gif"
        WIDTH=7 HEIGHT=7 ALT="">&nbsp;<%=CodeFilter.KillNull(ds.getString("gameName"))%><br>
                          &nbsp;&nbsp;<IMG SRC="<%=AppPath%>/poll/images/index_24.gif" WIDTH=7 HEIGHT=7 ALT="">&nbsp;目前票数:<%=ds.getString("hits")%><br>
                          &nbsp;&nbsp;<IMG SRC="<%=AppPath%>/poll/images/index_24.gif" WIDTH=7 HEIGHT=7 ALT="">&nbsp;来自:<%=CodeFilter.KillNull(ds.getString("district"))%></span></td>
                      </tr>
                    </table>
    </td>
           <%
     }
  }%> 
   </tr></table>
 </div>
</div>

……
</body>

分享到:
评论
1 楼 daizhonghai1314 2012-07-24  
  

相关推荐

    外部滚动条控制iframe

    在网页设计中,iframe(Inline Frame)是一种常用的HTML元素,用于在当前文档内嵌入另一个HTML文档。然而,默认情况下,iframe内的滚动行为是独立于主页面的,即其滚动条无法通过外部元素进行直接控制。但在某些场景...

    使用iframe在网页中嵌入其他网页的方法

    `iframe` 是 "inline frame" 的缩写,它允许我们在主页面中嵌入一个独立的、可自定义的子页面。下面我们将详细讲解如何使用`iframe`在网页中嵌入其他网页的方法以及相关属性。 首先,`&lt;iframe&gt;` 标签的基本结构如下...

    自动调节iframe高度,而不显示其滚动条 js

    然而,当嵌入的内容高度不确定或者会动态变化时,如何让`iframe`的高度自适应其内容,并且不显示不必要的滚动条就成为了一个常见的需求。 #### 知识点解析 ##### 1. iframe元素简介 `iframe`(Inline Frame)是...

    完全搞定iframe(框架)里的滚动条.doc

    iframe,即内联框架(Inline Frame),是一种HTML标签,允许网页中嵌入另一个网页。它主要用于将其他网页的内容嵌入到当前页面中,实现内容的集成。iframe的使用非常广泛,尤其是在构建复杂的网页布局时。 #### ...

    嵌入到HTML的iframe自动适应大小

    iframe(Inline Frame)是HTML文档中的一个嵌入式框架,允许在一个网页中嵌入另一个完整的网页或文档,常用于广告、图表、地图等独立功能模块的集成。然而,iframe的默认行为是固定尺寸的,这在响应式设计日益重要的...

    iframe与frame的区别

    `iframe`的一个重要特性是它可以拥有自己的滚动条设置,通过`scrolling`属性来控制,如`scrolling="auto"`。另外,`iframe`的边框可以通过`frameborder`来控制,`noresize`属性可以禁止用户手动调整`iframe`大小。`...

    FRAME与IFRAME的使用方法与区别

    而`IFRAME`则是内联框架(Inline Frame)的缩写,它可以嵌入到HTML文档中的任何位置,并且可以在其中加载另一个HTML文档,实现页面内部的嵌套。 #### FRAME的使用与特性 - **框架的基本结构**:使用`FRAME`创建多...

    ios 不支持 iframe 的完美解决方法(兼容iOS&安卓)

    对于Android设备,由于`iframe`工作正常,可以创建并插入一个`iframe`元素,设置其高度为当前窗口高度,宽度为100%,并添加适当的样式和属性,如下所示: ```javascript var winH = $(window).height(); var iframe...

    javascript经典特效---Iframe页面的滚动.rar

    Iframe,全称Inline Frame,是一种在HTML文档中嵌入另一个HTML文档的方式。它常用于在网页中展示外部内容,如广告、地图、新闻等。通过Iframe,我们可以实现页面的分层显示,让多个页面内容在同一窗口内并存。 要...

    frame,iframe.frameset用法和区别

    `COLS` 和 `ROWS` 不能同时在同一个 `&lt;FRAMESET&gt;` 中使用,因为某些浏览器可能无法正确处理这种组合。 2. **&lt;FRAME&gt;**: `&lt;FRAME&gt;` 标签定义了框架的具体内容。每个 `&lt;FRAME&gt;` 必须包含在 `&lt;FRAMESET&gt;` 内,并通过 `...

    在vue中实现嵌套页面(iframe)

    `iframe`允许我们在一个Vue应用中嵌入另一个独立的HTML文档,这对于展示第三方内容、实现某些特定功能或者处理复杂交互场景时非常有用。在Vue中使用`iframe`,我们可以直接在模板中插入`iframe`标签,并设置相应的...

    可以左右拖动的iframe框架

    **Iframe(Inline Frame)** 是HTML中的一个元素,它允许我们在一个页面中嵌入另一个页面。通过使用iframe,开发者可以将不同来源的内容整合到一个页面中,比如嵌入视频、地图或者外部文档。Iframe的使用通常涉及到`...

    frame,iframe,frameset区别pdf

    使用frameset可以创建一个复杂的框架结构,每个frame标签定义框架集中的一个框架,这些框架可以独立地加载不同的网页。 **Frame和Iframe的属性** Frame和iframe都有各自的属性用于控制框架的行为和外观。例如,...

    frame,iframe,frameset用法和区别

    HTML中的`frame`, `iframe`, 和`frameset`是用来创建多窗口或框架布局的重要元素,它们允许在同一个浏览器窗口中加载多个独立的网页。这些元素主要用于构建复杂的网页结构,使得不同内容可以并列显示,提高用户体验...

    javascript经典特效---滚动的iframe页面.rar

    IFrame(Inline Frame)是HTML中的一个元素,它允许在一个HTML文档中嵌入另一个HTML文档。通过设置iframe的`src`属性,我们可以指定要加载的网页地址。在网页设计中,iframe常常用来创建网页布局的多窗口显示,或者...

    div被iframe遮住的几种情况及解决方法

    在前端开发过程中,DIV元素被IFRAME遮挡是一个常见的问题,尤其是当页面布局复杂或存在多层嵌套的元素时。以下将详细阐述几种DIV被IFRAME遮挡的情况,并提供相应的解决方法。 首先,要了解的是IFRAME是一种HTML元素...

    iframe高度自适应及隐藏滚动条的实例详解

    iframe高度自适应及隐藏滚动条的实例详解 在工作中,我们可能会遇到自己公司和其他的公司达成合作关系,从而共同开发某个项目。而这时候,我们可能就需要在自己的网站上嵌入别人做好的页面。而这种情况下,我们一般...

    解决iframe中fixed失效的问题

    在网页开发过程中,`iframe` 是一个非常有用的元素,它允许我们嵌入其他网页或页面片段到当前页面中。然而,当我们在 `iframe` 内部使用 `position: fixed;` 属性时,可能会遇到一些问题,即 `fixed` 定位在某些情况...

    iframe内容高度 iframe自适应高度终极解决Iframe设置高度后无法缩小问题

    在网页开发中,`&lt;iframe&gt;`元素是一种非常实用的工具,它允许我们在一个页面中嵌入另一个页面的内容,实现页面的组合或者隔离加载。然而,`&lt;iframe&gt;`的高度自适应问题常常困扰着开发者,尤其是当`&lt;iframe&gt;`内部的内容...

    精谈iframe的作用和使用方式

    在Web开发中,`iframe`(Inline Frame)是一个非常重要的HTML元素,用于在当前页面中嵌入另一个HTML文档。它提供了一种将不同来源的网页内容整合到同一页面上的方法,这在实现动态内容加载、广告展示、多窗口功能...

Global site tag (gtag.js) - Google Analytics