在DW中实现横向表格区域的重复有两种方式:
1、利用DW横向重复插件;(这种方法很简单,适合初学编程者,这里不作介绍了)
2、手工修改代码(这种方法简洁,适合有一定编程能力的,深度空间整站采用的就是这种方法)
具体过程如下:
1、首先建立一个网页index_Article_index.asp,注意这里看到的表格外边还有一个表格
图3
2、建立相关记录集。
图4
3、选定最外边表格设定重复
图5
图6
图7
执行结果:图8
4、切换到代码视图,作如下修改
将下面所选网页代码
图9
剪贴到下两行第38行(视不同文件行数会不一样),在之上添加下面所选网页代码程序代码
图10
拖拽DW右侧滚动条至文件尾,如图11
将下面所选网页代码剪切至上一行 第72行,
在之上添加下面第72~77行程序代码
如图12
这样就完成了横向重复代码修改,从加入的两行代码,会看到横向重复区域关键是处理循环和判断输出</tr><tr>语句的位置,这里是将循环体程序转移到第一个单表格<tr>内,注意定义函数,赋值变量一定在循环体之内,判断输出语句 一定在循环体内。实际就是将第一个表格的</tr>做一下判断以确定是否输出,不输出就是<td>列横向重复,输出就是</tr>下一行输出。
以上源码浏览器输出效果:如图13
该文章转载自:Dreamweaver8实现横向重复区域【深度空间】
![点击查看原始大小图片](http://dl2.iteye.com/upload/attachment/0004/6315/67abbfcb-240d-3f15-a1cf-3814c985931d-thumb.bmp)
- 大小: 24.6 KB
![点击查看原始大小图片](http://dl2.iteye.com/upload/attachment/0004/6317/0f229299-9d6c-3617-ba1e-f1e7b77baaa7-thumb.bmp)
- 大小: 38.5 KB
![点击查看原始大小图片](http://dl2.iteye.com/upload/attachment/0004/6319/929450ba-d7db-30d9-bb0a-1330f9a53612-thumb.bmp)
- 大小: 78.3 KB
![点击查看原始大小图片](http://dl2.iteye.com/upload/attachment/0004/6323/2fcc96f4-e2ea-3072-996a-b93d99707560-thumb.bmp)
- 大小: 29.9 KB
![点击查看原始大小图片](http://dl2.iteye.com/upload/attachment/0004/6325/20118d18-a397-3f02-b263-f6a3e62b0531-thumb.bmp)
- 大小: 34.2 KB
![点击查看原始大小图片](http://dl2.iteye.com/upload/attachment/0004/6327/0fdd3fd4-0840-3fd6-ac83-79a7ed3ffa6a-thumb.bmp)
- 大小: 233.3 KB
![点击查看原始大小图片](http://dl2.iteye.com/upload/attachment/0004/6329/a8b2f891-c255-381f-a490-0fc85d858dd5-thumb.bmp)
- 大小: 261.8 KB
![点击查看原始大小图片](http://dl2.iteye.com/upload/attachment/0004/6331/4e9acf70-5bb5-3804-b318-3411f2934cb3-thumb.bmp)
- 大小: 179.6 KB
![点击查看原始大小图片](http://dl2.iteye.com/upload/attachment/0004/6333/6dedb62f-df1b-3c3e-aed7-6c3976a5c501-thumb.bmp)
- 大小: 147.3 KB
![点击查看原始大小图片](http://dl2.iteye.com/upload/attachment/0004/6335/e888aa32-787c-3f2e-a564-25fcbaf992fa-thumb.bmp)
- 大小: 192.6 KB
![点击查看原始大小图片](http://dl2.iteye.com/upload/attachment/0004/6336/20b587a2-a7ce-3baa-9739-80d4fe4627b3-thumb.bmp)
- 大小: 297.8 KB
分享到:
相关推荐
ASP实现"区域横向重复"的基本步骤如下: 1. **连接数据库**:使用ADO(ActiveX Data Objects)库建立与数据库的连接,例如SQL Server或Access数据库。代码可能包含如下部分: ```vbscript Dim conn Set conn = ...
首先,"横向重复"通常指的是在多个地方出现相同或几乎相同的代码段,这被称为代码重复或代码冗余。这种现象在软件工程中是不被推崇的,因为它增加了维护难度,降低了代码的可读性和可维护性。当需要修改这些重复的...
图片横向重复显示的实现方法
【标题】:“Js封装的横向多图导航循环播放代码”涉及到的是JavaScript编程中的一种常见应用场景,即使用JS实现一个能够自动、循环展示多张图片的水平导航栏。这种功能广泛应用于网站的轮播图或者产品展示区域,可以...
【标题】"代码简洁自适应横向宽屏幻灯片代码"所涉及的知识点主要集中在网页设计和前端开发领域,特别是关于焦点图(Slider)的实现。焦点图是一种常见的网页元素,用于展示一组图像或内容,并在用户交互时自动或手动...
通过横向脉冲预电离技术,可以改善激光器的启动速度,降低阈值电流,提高光束质量,并且有利于实现更高的重复频率和更稳定的激光输出。 在电子政务领域,高效、稳定、高能量的激光器有着多种应用。例如,在数据传输...
"大横向位移"是指该并联机构在水平面上能够实现的较大移动范围,这对于需要大面积覆盖操作的工作环境尤其关键。 设计上,这种机构的核心在于其并联结构,它允许在保持刚度和稳定性的同时,实现大范围的运动。二自由...
横向移动能力允许工作人员在不借助额外提升设备的情况下覆盖更广泛的作业区域。 【标签】“资料”表明这是一份包含关于该设备详细信息的文档集合,可能包括设计原理、操作指南、安全规定、维护保养等方面的内容。 ...
有时候在页面的某个模块中,需要无限循环...当B移动到可视区域的顶部时,此时A刚好移出可视区域,那么此时将容器重新归0,用户是没有感知的,以为还是B中的第一条数据。然后继续向上滚动。 1. 使用CSS3来实现 若要用CSS
总的来说,本研究通过拓扑优化和模式重复技术对新能源汽车的门槛梁进行了设计,以实现轻量化和安全性能的双重目标。这种优化方法不仅提升了结构的力学性能,而且简化了制造过程,对于推动新能源汽车的轻量化发展具有...
这篇博客“Android 自定义 HorizontalScrollView 打造再多图片(控件)也不怕 OOM 的横向滑动效果”提供了一个解决方案,通过自定义HorizontalScrollView来优化内存管理,防止OOM的发生。 首先,理解Android的内存...
6. **防止重复触发**:为了防止用户多次点击同一标签导致不必要的内容切换,我们可以在事件处理函数中加入阻止默认行为的代码,例如`event.preventDefault()`。 在提供的"tab选项卡横排"压缩包文件中,可能包含了...
在文件名称“2011061312”中,可能是表示文件创建或修改的日期,即2011年6月13日12时,这可能是一个源代码文件或者示例文件,包含了实现这个横向滚动功能的具体代码。 为了实现“图片6副横向左右滚动代码”,开发者...
五子棋的逻辑主要包括判断胜负条件、禁止重复落子、判断棋局是否结束等。这通常需要额外的数据结构来存储棋盘状态,如二维数组或ArrayList。每次落子后,检查横向、纵向、对角线方向是否有五子连珠。 6. **动画...
例如,你可以使用`Printer->DeviceName`来指定打印机名称,`Printer->PageSize`来设定纸张大小(如A4),`Printer->Orientation`来设定是横向还是纵向打印。 2. **绘制内容**:C++ Builder提供了`OnStartPage`和`...
本教程将详细介绍如何在Delphi中实现窗体背景的平铺效果,使得背景图片无缝重复显示,提升应用的整体视觉体验。 首先,我们需要了解平铺的概念。平铺是指将一个或多个小图像重复排列,覆盖整个窗口或区域,形成连续...
含有横向和纵向拖拽、合并、拆分、区域选取(点击行头或列头选中整行或整列,暂时不支持“ctrl+点击”选取多行)、删除行和列(支持多删)、添加行和列(支持多添)、行列折叠等功能。 提示: 双击输入数据,摁...
在`dataGridViewMergeCellsDemo`这个项目中,你可以找到一个完整的示例,展示了如何在一个实际应用中同时实现横向和纵向的单元格合并。这个项目会创建一个`DataGridView`实例,并填充一些数据,然后通过调整代码来...
这种策略被称为懒加载(Lazy Loading),它意味着只有当图片所在的页面进入可视区域时才开始加载。这样可以显著减少内存占用,尤其是在处理大量图片时。源码中可能通过监听Gallery的滚动事件,判断图片是否位于屏幕...
- 实现表头在垂直方向上滚动,可以创建一个独立的滚动区域,用JavaScript监听滚动事件,同步改变表头的位置。同时,使用`position: absolute`或`position: fixed`固定表头。 - 横向滚动则通常与CSS的`width`、`...