fkshl
- 浏览: 72156 次
- 性别:
- 来自: 西安
-
文章分类
最新评论
-
michelle0620：
是我这显示问题吗？怎么看不了全部
模似下拉列表框 -
ylcat：
哥们给个demo啊
JavaScript模态窗口，支持多浏览器，支持多模态窗口共存，支持局部化的模态，可随意拖动位置，支持自定义样式
可以滚动的表格
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<style>
html { font-size:12px; }
/*body { margin:50px; }*/
.clearfix:after { content:'\0020'; display:block; height:0; clear:both; }
.clearfix { *zoom:1;}
.clearfix,.question{border:solid 1px #3CF; margin:0; padding:0;}
.clearfix{ border-bottom:none; border-right:none;}
.clearfix{ width:501px;}
.question{ width:500px; height:27px;line-height:26px; border-top:none; border-left:none; float:left; display:inline;overflow-y:auto;word-wrap: break-word; word-break: break-all;text-align: center; }
/*div{border:1px #686868 solid; margin-top:50%}*/
.clearfixans:after { content:'\0020'; display:block; height:0; clear:both; }
.clearfixans { *zoom:1;}
.clearfixans,.ans{border:solid 1px #3CF; margin:0; padding:0;}
.clearfixans{ border-bottom:none; border-right:none;}
.ans{width:100px; height:27px;line-height:26px; border-top:none; border-left:none; float:left; display:inline;overflow-y:auto;word-wrap: break-word; word-break: break-all;text-align: center;}
</style>
</head>
<body>
<div >
<div style="float:left;">
<ul class="clearfix">
<li class="question">
问题列表
</li>
<li class="question">
我是电话回访人员，工号xxx。您近期购买了XX（等）保险产品，现在和您做一次售后录音电话回访，大概需要3分钟时间，您看方便吗？
</li>
<li class="question">
请问您投保前是否已经阅读并理解投保提示的内容呢？
</li>
<li class="question">
您签收保单后有10天犹豫期，如果解约，将在扣除10元工本费后退还您的保费；之后解约，您会有一些损失。您了解吗？
</li>
<li class="question">
请问投保单上的风险提示语句是您亲笔抄写的吗？
</li>
<li class="question">
请问投保单上的风险提示语句是您亲笔抄写的吗？
</li>
<li class="question">
请问投保单上的风险提示语句是您亲笔抄写的吗？
</li>
<li class="question">
请问投保单上的风险提示语句是您亲笔抄写的吗？
</li>
<li class="question">
请问投保单上的风险提示语句是您亲笔抄写的吗？
</li>
<li class="question">
请问投保单上的风险提示语句是您亲笔抄写的吗？
</li>
<li class="question">
请问投保单上的风险提示语句是您亲笔抄写的吗？
</li>
<li class="question">
请问投保单上的风险提示语句是您亲笔抄写的吗？
</li>
</ul>
</div>
<div style="width:400px;overflow-x:auto;overflow-y:hidden;">
<ul class="clearfixans" style="width:808px;" >
<li class="ans">
220000900344984
</li>
<li class="ans">
220000900344984
</li>
<li class="ans">
220000900344984
</li>
<li class="ans">
220000900344984
</li>
<li class="ans">
220000900344984
</li>
<li class="ans">
220000900344984
</li>
<li class="ans">
220000900344984
</li>
<li class="ans">
220000900344984
</li>
<li class="ans">
方便
</li>
<li class="ans">
方便
</li>
<li class="ans">
方便
</li>
<li class="ans">
方便
</li>
<li class="ans">
方便
</li>
<li class="ans">
方便
</li>
<li class="ans">
方便
</li>
<li class="ans">
方便
</li>
<li class="ans">
-
</li>
<li class="ans">
否
</li>
<li class="ans">
-
</li>
<li class="ans">
-
</li>
<li class="ans">
-
</li>
<li class="ans">
否
</li>
<li class="ans">
-
</li>
<li class="ans">
-
</li>
<li class="ans">
不了解
</li>
<li class="ans">
不了解
</li>
<li class="ans">
-
</li>
<li class="ans">
-
</li>
<li class="ans">
不了解
</li>
<li class="ans">
不了解
</li>
<li class="ans">
-
</li>
<li class="ans">
-
</li>
<li class="ans">
是
</li>
<li class="ans">
否
</li>
<li class="ans">
是
</li>
<li class="ans">
否
</li>
<li class="ans">
是
</li>
<li class="ans">
否
</li>
<li class="ans">
是
</li>
<li class="ans">
否
</li>
<li class="ans">
是
</li>
<li class="ans">
否
</li>
<li class="ans">
是
</li>
<li class="ans">
否
</li>
<li class="ans">
是
</li>
<li class="ans">
否
</li>
<li class="ans">
是
</li>
<li class="ans">
否
</li>
<li class="ans">
是
</li>
<li class="ans">
否
</li>
<li class="ans">
是
</li>
<li class="ans">
否
</li>
<li class="ans">
是
</li>
<li class="ans">
否
</li>
<li class="ans">
是
</li>
<li class="ans">
否
</li>
<li class="ans">
是
</li>
<li class="ans">
否
</li>
<li class="ans">
是
</li>
<li class="ans">
否
</li>
<li class="ans">
是
</li>
<li class="ans">
否
</li>
<li class="ans">
是
</li>
<li class="ans">
否
</li>
<li class="ans">
是
</li>
<li class="ans">
否
</li>
<li class="ans">
是
</li>
<li class="ans">
否
</li>
<li class="ans">
是
</li>
<li class="ans">
否
</li>
<li class="ans">
是
</li>
<li class="ans">
否
</li>
<li class="ans">
是
</li>
<li class="ans">
否
</li>
<li class="ans">
是
</li>
<li class="ans">
否
</li>
<li class="ans">
是
</li>
<li class="ans">
否
</li>
<li class="ans">
是
</li>
<li class="ans">
否
</li>
<li class="ans">
是
</li>
<li class="ans">
否
</li>
<li class="ans">
是
</li>
<li class="ans">
否
</li>
<li class="ans">
是
</li>
<li class="ans">
否
</li>
<li class="ans">
是
</li>
<li class="ans">
否
</li>
<li class="ans">
是
</li>
<li class="ans">
否
</li>
<li class="ans">
是
</li>
<li class="ans">
否
</li>
<li class="ans">
是
</li>
<li class="ans">
否
</li>
<li class="ans">
是
</li>
<li class="ans">
否
</li>
</ul>
</div>
</div>
</body>
</html>
分享到：
发表评论
相关推荐
这个"android 动态创建滚动表格 bate1"可能是某个开发者在尝试实现这一功能时的初步版本，虽然它可能还不够完善，但我们可以从这个主题中探讨一些关键知识点。 首先，滚动表格在Android中通常通过`ListView`、`...
在C#编程中，开发一个自定义的动态滚动表格是一个常见的需求，特别是在处理大量数据时，需要保持表头可见而让表体滚动。本项目"**C#自定义动态滚动表格(表头固定，表体从下往上滚动)**"正是为了解决这样的问题。它...
这些库提供了丰富的组件和API，用于构建高度定制的滚动表格。例如，React中可以使用`react-virtualized`或`material-ui`的`Table`组件；Vue则有`Element UI`的`el-table`，以及`Vuetify`的`v-data-table`等。这些...
接下来，使用CSS来设置表格样式，可以为表格添加滚动条，例如： ```css .table-container { overflow-y: auto; height: 300px; /* 设置一个固定高度 */ } .table { width: 100%; } ``` 在这个CSS代码中，`....
"利用JS+CSS实现滚动表格数据展示"是一个常见的需求，它可以帮助用户逐行浏览大量的信息，而无需手动调整窗口大小。下面将详细介绍如何通过JavaScript（JS）和层叠样式表（CSS）来实现这一功能。 首先，我们需要...
为了提供更好的用户体验，可以采用JavaScript（js）来实现表格的无缝滚动效果，让表格像一个无边界的容器一样平滑滚动。这种效果在大数据量的展示或者长表格中尤其有用，它能让用户更容易地浏览和查找信息。 首先，...
滚动表格通常用于处理大量数据，当数据无法一次性完全展示时，用户可以通过滚动条查看所有信息。这个技术在现代网页设计中非常常见，尤其在数据密集型应用中，如报表、数据分析和管理界面。 描述中提到的博文链接...
这种滚动方式可以是从右向左（水平滚动），也可以是从下向上（垂直滚动）。 实现这一功能涉及到多个技术点： 1. **数据处理**：首先，系统需要能够识别表格单元格中的内容长度，并判断是否超过屏幕显示范围。这...
在网页设计中，有时我们需要实现一个功能：当用户滚动表格内容时，表头始终固定显示在顶部，以便于用户查看列名，提高数据阅读效率。本篇文章将围绕这一需求展开讨论，并提供一种基于CSS和HTML的解决方案。 #### 一...
使用bootstrap编写的动态表格【当滚动纵向的滚动条时，表格的表头处于悬浮状态，表格的内容滚动；当滚动横向的滚动条时，表格的表头和表格的内容对应着一起滚动】
为了解决这个问题，"jQuery网页下拉滚动表格头部固定在顶端代码" 提供了一种解决方案，它允许表格的头部在用户滚动页面时始终保持在视口的顶部，这样用户就能始终看到列标题，增强可读性和交互性。 首先，这个解决...
至此，你已经成功地创建了一个使用jQuery实现的自动滚动表格，其效果类似于新闻滚动条。这个功能在展示大量数据且空间有限的情况下非常有用，用户可以连续不断地查看表格内容，无需手动翻页。你可以根据实际需求调整...
在“易语言高级表格隐藏滚动条”这个主题中，我们主要探讨的是如何在易语言中对高级表格控件进行操作，以达到隐藏滚动条的效果。这在某些界面设计中是必要的，例如为了保持界面简洁或自定义滚动行为。 首先，我们...
当用户滚动表格时，我们需要及时刷新显示的行数据，而避免重新绘制整个表格。这涉及到对滚动条事件的响应，以及合理地计算和更新可视区域内的数据。 此外，教程可能还会涉及线程管理和异步处理。如果数据加载或更新...
在“易语言高级表格数据滚动显示例程”中，我们可以深入探讨如何在易语言环境中实现复杂的数据展示和滚动效果，这对于开发用户界面（UI）尤其重要，特别是对于那些处理大量数据的应用程序。 首先，我们需要理解...
在"表格滚动信息示例"中，我们可以预见到其内容可能涉及以下知识点： 1. **DOM操作**：JavaScript通过Document Object Model (DOM)来操纵HTML或XML文档。在表格滚动中，我们可能需要选取特定的表格元素（如`<table>...
当表格内容过多时，可以使用CSS来添加滚动条。然而，CSS的兼容性和灵活性有限，特别是在处理复杂交互时。因此，我们引入jQuery来增强滚动条的功能和用户体验。 三、jQuery添加滚动条的步骤 1. 引入jQuery库：首先...
"纯CSS固定表头内容滚动表格"是一种高效且用户友好的设计技巧，它允许用户在浏览长表格时始终保持表头可见，从而方便用户理解每一列的数据含义。这种设计方法尤其适用于那些包含大量数据且需要横向滚动查看的表格，...
上述代码中，`scrollUp`函数负责向上滚动表格，`-50`代表每次滚动的距离，`1000`是滚动间隔时间，单位为毫秒。 7. **适应性和兼容性**： 虽然jQuery在大多数现代浏览器中表现良好，但在某些老版本的浏览器中可能...