- 浏览: 418299 次
- 性别:
- 来自: 广州
文章分类
- 全部博客 (174)
- ajax (2)
- java (4)
- spring (0)
- eclipse (0)
- ejb (0)
- hibernate (2)
- jsf (1)
- c# (13)
- sqlserver (12)
- oracle (1)
- ibatis (3)
- appfuse (0)
- seam (0)
- log4j (0)
- Java2Html (0)
- javascript && html && css (38)
- 英语学习 (1)
- jag (2)
- guice (0)
- warp (0)
- facelets (1)
- struts (0)
- 资源汇聚 (4)
- 打印 (2)
- 热点文章收藏 (2)
- aop/aop.net (3)
- 代码生成器 (1)
- 数据库 (1)
- 开发工具集 (1)
- Erlang (1)
- web services (1)
- acegi (2)
- 存储过程集汇 (1)
- 黑客攻防 (2)
- C/C++ (6)
- wap (1)
- 缓存 分布式 (0)
- 企业库 (3)
- 搜索引擎:Lucene (0)
- 数据安全 (1)
- uml (1)
- 项目管理 (3)
- asp (1)
- SWT/JFACE (3)
- 面试与技巧 (1)
- 程序人生 (1)
- java rcp (2)
- 软件测试 (4)
- 不同应用服务器整合 (1)
- 数据仓库 (2)
- 求职/离职 (1)
- 网站珍藏 (1)
- visual studio 插件 (2)
- IT那些事 (1)
- linux/unix (10)
- windows (1)
- javaMail (1)
- common mail (1)
- tomcat (1)
- java并发/并行 (3)
- emacs (5)
- zookeeper (1)
- hadoop (7)
- 自动运维部署 (8)
- 业界资讯 (1)
最新评论
-
ffshow2006:
有一个有毒啊
两款Access密码破解器 -
nicepulse:
太好了,正好最近我也遇到这类的问题,代理不大正常,刚开始就是重 ...
SQL Server Agent 执行SSIS失败解决方案 -
supersnake:
这个比较喜欢
5款纯div+css制作的弹出菜单(标准且无js) -
cloudgamer:
我也写过一个提示效果
javascript tooltip (网页的提示效果) -
kuchaguangjie:
顶1个,哈哈
获取页面请求参数的JS脚本
public string GenerateTable(int colCount,SqlDataReader rs,string[] fields,string startStr,string endStr)
{
int i = 0;
StringBuilder resultStr = new StringBuilder();
while (rs.Read())
{
//将索引复位
if (++i % colCount == 0)
i = 0;
//colCount余数为1说明将进行分行,接下的列将纳入新的行中
if (i == 1)
resultStr.Append("<ul>");
foreach (string field in fields)
{
//列标签开始
resultStr.Append("<li>");
//内容
resultStr.Append(startStr);
resultStr.Append(rs[field].ToString());
resultStr.Append(endStr);
//列标签结束
resultStr.Append("</li>");
}
//colCount余数为0说明行结束
if (i == 0)
resultStr.Append("</ul>");
}
//如果colCount的余数在0和colCount之间,则说明前一行的列数不够colCount,结尾尚无</ul>,故需补上
if (0 < i && i < colCount)
resultStr.Append("</ul>");
return resultStr.ToString();
}
/// <summary>
/// 用div、ul、li 生成表格
/// </summary>
/// <param name="colCount">每行的列数</param>
/// <param name="fields"></param>
/// <param name="startStr"></param>
/// <param name="endStr"></param>
/// <param name="liClass"></param>
/// <returns></returns>
public string GenerateRow(int colCount, string[] fields, string startStr, string endStr,string liClass)
{
int i = 0;
StringBuilder resultStr = new StringBuilder();
foreach (string field in fields)
{
//将索引复位
if (++i % colCount == 0)
i = 0;
//colCount余数为1说明将进行分行,接下的列将纳入新的行中
if (i == 1)
resultStr.Append("<ul>");
//列标签开始
resultStr.Append("<li" + (liClass == String.Empty || liClass == null ?String.Empty:" class=\"" + liClass + "\"") + ">");
//内容
resultStr.Append(startStr);
resultStr.Append(field);
resultStr.Append(endStr);
//列标签结束
resultStr.Append("</li>");
//colCount余数为0说明行结束
if (i == 0)
resultStr.Append("</ul>");
}
//如果colCount的余数在0和colCount之间,则说明前一行的列数不够colCount,结尾尚无</ul>,故需补上
if (0 < i && i < colCount)
resultStr.Append("</ul>");
return resultStr.ToString();
}
发表评论
-
有关滚动条Scroll样式的设置
2008-08-07 17:02 31431.overflow内容溢出时的设置(设定被设定对象是否显示滚 ... -
两个文件改变网站流量
2008-08-01 14:49 969用两个文件,用js 改变网站流量 url_1.html 代 ... -
div 超出的文字以省略号显示
2008-07-24 21:36 1793div { overflow:hidden; ... -
css中如何使div居中(垂直水平居中)
2008-07-16 11:48 3875css中如何使div居中(垂直水平居中) 2007-01-12 ... -
DivCSS布局实例 用dl dt dd来制作列表
2008-07-16 09:03 1370今天有人发邮件问的一个问题,最开始的想法是用ul列表来实现;但 ... -
CSS在页面布局中实现div垂直居中的方法总结
2008-07-16 08:56 2580CSS在页面布局中实现div垂直居中的方法总结 2008年07 ... -
css控制div自动换行
2008-07-16 08:56 5192自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字 ... -
网页颜色搭配精选十例
2008-07-10 03:43 2951颜色的使用在网页制作 ... -
网页制作傻瓜工具集锦
2008-07-10 03:42 1850初学网页制作时,往往觉 ... -
五彩缤纷建网页(5)网页色彩配色软件
2008-07-10 03:39 10751.ColorWiz (国外) 超媒体置标语言(HTML) ... -
不间断连续图片滚动效果的制作方法
2008-07-10 03:35 2938以前我们站点也介绍过 ... -
图片的连续滚动
2008-07-10 03:28 811<html><head></he ... -
HTML各个元素对搜索引擎的权重比例
2008-07-09 13:10 830HTML各个元素对搜索引擎 ... -
css教程–十步学会用css建站(全)
2008-07-03 12:57 1428css教程–十步学会用css建站(全) 关键字: css教程 ... -
div 、ul、li 动态生成table (2)
2008-06-24 16:49 1614/// <summary> /// ... -
5款纯div+css制作的弹出菜单(标准且无js)
2008-06-16 13:01 18825款纯div+css制作的弹出菜单(标准且无js) 一、最 ... -
Js字符串操作函数大全
2008-06-11 15:59 9101Js字符串操作函数大全 Js字符串操作函数大全 /***** ... -
JS实现局部打印和预览
2008-05-27 13:59 6246JS实现局部打印和预览: 第一种: JS 实现简单的页面局部 ... -
前台开发使用工具集合
2008-05-09 08:45 3838前台开发使用工具集合 1。 Fiddler一个很强大 ... -
获取页面请求参数的JS脚本
2008-04-17 13:11 3607//获取指定请求参数的值function getParamet ...
相关推荐
标题中的“DIV CSS布局教程:应用ul、li实现表格形式”指的是使用HTML的无序列表(`<ul>`)和列表项(`<li>`)元素,通过CSS样式来模拟传统HTML表格(`<table>`)的效果。这种方法常用于创建灵活、响应式的布局,...
ULLI_取引用代码 说明:取【ULLI】的引用代码,失败返回空文本 ULLI_选择 说明:选择指定的【ULLI】项,失败返回假 表格_取单元格数量 说明:取出指定【表格】内的所有单元格数量,失败返回0 表格_取单元格文本 ...
但是,演示了使用Layui的table组件,结合JavaScript代码来动态生成表格数据的原理。 - 可以通过调用Layui的table模块提供的接口,如table.render()方法,来动态地渲染表格。 - 这个方法可以接受各种参数,比如数据...
.menu ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; left:105px; top:0; color:#000;} <![endif]--> <div class="menu"> <ul> <li><a class="hide" href="../menu/index.html">DEMOS...
在示例中,`div`被用作一个容器,包含了一组`ul`列表元素,形成两个并排的列。 CSS部分是实现两列效果的关键。`mycode`类定义了整体的样式,其中`margin-top`设置上边距,`padding-right`和`padding-left`设置了内...
本教程将详细介绍如何使用CSS和JavaScript来实现一个类似表格的动态滚动效果,通过`ul`和`li`标签来模拟表格结构。 ### CSS基础布局 首先,我们需要创建一个容器来包裹我们的“表格”。这可以通过`<div>`标签实现...
而div 你可以 div ul li 也可以 ol li 还可以 ul li ……但标准语法最好有序的写。 12.另外如果你不是javascrput的高手,你可以不必去写ID,只用class就可以。当客户端程序员写完程序,需要调整时候,你可以在利用...
本文将深入探讨如何使用jQuery开发四个关键的前端组件:Table、Grid、Menu和Layout,以提高Web应用的用户体验和交互性。 1. jQuery Table组件 jQuery Table组件用于展示结构化的数据,例如报表或数据库查询结果。...
在网页设计中,为了实现跨浏览器的兼容性,有时候我们需要避免使用HTML的`<table>`标签,转而采用更灵活的CSS布局技术,比如使用`<div>`和`<ul>`标签来模拟表格布局。这样的做法可以更好地控制样式,提高页面性能,...
创建一个简单的水平导航条,可以使用`<ul>`和`<li>`标签,并通过CSS来布局。 **CSS示例代码:** ```css ul { list-style: none; /* 移除默认样式 */ margin: 0; padding: 0; } li { display: inline-block; /...
#tabs ul li div {display:none;} #tabs ul li:hover {padding-bottom:132px; border-bottom:1px solid #fff; color:#000; margin-bottom:0;} #tabs ul li:hover > a.outer {color:#000; background-position:0 -...
列表元素ul、ol、li、dl、dt和dd是构建内容列表、导航链接和其他有序或无序信息的基石。了解并正确使用这些元素对于创建清晰、可访问且搜索引擎优化友好的网站至关重要。 首先,ul(无序列表)和ol(有序列表)是...
例如,如果有一个包含文本的`div`元素,只需在CSS中为父`div`设置`.txtCenter{text-align: center;}`即可实现文本的居中对齐。 接下来,我们讨论块状元素的居中。块状元素分为定宽和不定宽两种。对于定宽块状元素,...
<div style="padding:100px;"> <p>JQ高仿select控件 <br/> <div style="height:100px;border-bottom:5px solid #ff0000;"> <table cellpadding="0" cellspacing="0" border="0"> ...
css动画的一个应用,与此前的... <div class=box> <ul class=header> <li class=cell>序号</li> <li class=cell>姓名</li> <li class=cell>年龄</li> <li class=cell>性别</li> <li class=cell>专业</li> </ul>
<li id="now19">生成文件管理" href="#" target="content3">生成文件管理</span></a></li> <li id="now1a">标签管理" href="#" target="content3">标签管理</span></a></li> <li id="now1b">模板管理" onclick=...
本文实例为大家分享了JavaScript实现table切换插件的封装代码,供大家参考,具体内容如下 效果图: HTML部分: <div class="box"> <div id="tabBox"> <ul> <li class="liStyle">A</li> <li>B</li> <li>C</...
如果需要修改列表项(`<li>`),可以使用`#menu ul li`。此外,还可以直接通过元素选择器(如`img`、`table`等)来设置元素的样式。 在布局时,浮动(`float`)属性经常被用来控制元素的排列方式,如`float:left`使...
1. **使用 `display: table`**:这种方法是将元素包裹在一个 `table` 元素中,利用表格的自适应特性,再通过 `margin: 0 auto` 来实现居中。HTML 结构如下: ```html <div> <table> <!-- 内容 --> ...
例如,虽然DIV是常用的布局标签,但页面中还可以包含span、p、a、ul、li等多种标签,每种标签都有其特定的功能,应根据内容需求恰当选用。 #### 知识点四:Table布局的局限性 使用Table进行网页布局曾是一种普遍...