//注:样式有点丑,但是功能是实现的,按照的是每页显示10数据加一行表头var mytable;
var my_new_table;
var my_href1;
var my_href2;
var temp1=0;
var temp2=0;
var flag1 = false;
var flag2 = false;
var flag3 = false;
var trows=0;
var pags = 0;
var count=0;
function test()
{
mytable = document.getElementById("mtable");
trows =mytable.rows.length;
if (trows%10==0)
{
pags=trows/10;
}
else
{
pags = parseInt(trows/10)+1;
}
if(trows>10)
{
//隐藏mytable表格
mytable.style.display="none";
//则需要调用一个函数,将表格分页
showTable();
for (var i=0;i { if (i==0) document.getElementById('mtable'+i).style.display="block"; else document.getElementById('mtable'+i).style.display="none"; } showLink(); } } function showLink() { my_div = document.createElement("div"); //div属性 my_div.id="div2"; my_div.onclick="test2()"; my_div.style.marginTop="68px"; my_div.style.width="500px"; my_div.style.height="32px"; my_div.style.backgroundColor="pink"; document.getElementById('div1').appendChild(my_div); //超链接1 my_href1 = document.createElement("a"); //超链接1属性 my_href1.id="mf1"; my_href1.href="#"; my_href1.style.marginLeft="330px"; my_href1.innerText="上一页"; //超链接2 my_href2 = document.createElement("a"); //超链接2属性 my_href2.id="mf2"; my_href2.href="#"; my_href2.style.marginLeft="20px"; my_href2.innerText="下一页"; //添加到div2中去 flag1 = document.getElementById('div2').appendChild(my_href1); flag2 = document.getElementById('div2').appendChild(my_href2); addEvent(); } function addEvent() //点击上一页 if (flag1) { var et1 = document.getElementById("mf1"); et1.onclick = function () { if (temp2>0) { temp2-=1; for (var i=0;i { if (i==temp2) document.getElementById('mtable'+i).style.display="block"; else document.getElementById('mtable'+i).style.display="none"; } } }; } //点击下一页 if (flag2) { var et2 = document.getElementById("mf2"); et2.onclick = function () { //注意此处条件要为pags-1 不然会显示出来一个空的table表 if (temp2 { temp2+=1; for (var i=0;i { if (i==temp2) document.getElementById('mtable'+i).style.display="block"; else document.getElementById('mtable'+i).style.display="none"; } } }; } } //完成创建共有多少张表 function showTable() for (var count=0;count { my_new_table = document.createElement("table"); my_new_table.id = "mtable"+count; my_new_table.border=1; my_new_table.style.width="220px"; my_new_table.style.height="270px"; my_new_table.style.display="block"; if(temp1+10 { //for中的11既是确定每页显示都少行 for (var i=0;i<11 ;i++ ) { var myRow = my_new_table.insertRow(i); for (var j=0;j<3 ;j++ ) { if (i==0) { myRow.insertCell(j).innerText=mytable.rows[i].cells[j].innerText; continue; } myRow.insertCell(j).innerText=mytable.rows[i+temp1].cells[j].innerText; } } } else { for (var i=0;i { var myRow = my_new_table.insertRow(i); for (var j=0;j<3 ;j++ ) { if (i==0) { myRow.insertCell(j).innerText=mytable.rows[i].cells[j].innerText; continue; } myRow.insertCell(j).innerText=mytable.rows[i+temp1].cells[j].innerText; } } } //表示创建一个my_new_table之后,将 // mytable.rows[i+temp1].cells[j].innerText 指向原来表格的下面10行数据头部 temp1+=10; document.getElementById('div1').appendChild(my_new_table); } } //其余的功能实现起来也就简单了。。。。。。。。。。。 2.2.3 字型设置标记 功能:设置文字的风格,如黑体、斜体、带下划线等,这是一组标记,它们可以单独使用,也可以混合使用产生复合修饰效果。常用的标记有以下一些: … :文字以粗体显示。 … :文字显示为斜体。 … :显示下划线。 常用HTML代码解释 一、文字 1.标题文字 #号可为left:表向左对齐(预设值)center:表向中对齐right:表向右对齐P.S. 之后的文字都会以所设的对齐方式显示,直到出现另一个 改变其对齐方向,遇到 一、HTML各种命令的代码: 1、文本标签(命令) 将段落按左、中、右对齐 html网页编辑代码大全详细使用方法 添加音乐 注册会员登录首页开通窝窝QQ-交流群站内娱乐颜色代码搜索帖子《声色具全》Summer°啦啦之乖乖宝贝啦啦&毛毛《简粉粉色》莫晓晓《简约蓝色》莫晓晓rose.《简约灰色》莫晓晓圣诞女孩【星期⒏音乐论坛】用心聆听,这里有你想要的声音。?【资源共享】?【论坛HTML帖子常用代码】-发现代码贴好看,不懂的,有兴趣的可以研究下。 网页搜索站内搜索搜索 返回列表回复发帖 发新话题发布投票发布悬赏发布辩论发布活动发布视频发布商品沵旳"唯1。发短消息 加为好友 沵旳"唯1。(只能a1自己。)当前离线 那些所谓d2情〃 UID21618帖子866精华42积分9318威望976金钱3587贡献1450阅读权限150性别女来自寂’在线时间248小时注册时间2009-11-29最后登录2010-3-1 ?星期⒏管理版主? UID21618帖子866精华42积分9318威望976金钱3587贡献1450阅读权限150性别女来自寂’在线时间248小时注册时间2009-11-29最后登录2010-3-1 【楼主】 打印字体大小:tT发表于2010-1-2114:53|只看该作者踩窝 窝送礼物问候Ta【论坛HTML帖子常用代码】-发现代码贴好看,不懂的,有兴趣的可以研究下。 关于“html图片移动...”的内容 本站搜索更多关于“html图片移动代码”的内容 本帖最后由沵旳"唯1。于2010-1-2114:54编辑 一、文字标记 基本代码如下: DIV+CSS网页布局技巧实例1:设置网页整体居中的代码 DIV+CSS网页布局技巧实例4:使用css缩写 使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》,css缩写的主要规则如下: 颜色 16进制的色彩值,如果每两位的值相同,可以缩写一半,例如: #000000可以缩写为#000;#336699可以缩写为#369; 注意:在同一个CSS配置节中,不要交错使用全写和缩写的颜色配置,在系统资源极低时,会导致浏览器渲染失败。 盒尺寸 通常有下面四种书写方法: ?property:value1; 表示所有边都是一个值value1; ?property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2 ?property:value1 value2 value3; 表示top的值是value1,right和left的值是value2,bottom的值是value3 ?property:value1 value2 value3 value4; 四个值依次表示top,right,bottom, left 方便的记忆方法是顺时针,上右下左。具体应用在margin和padding的例子如下:margin:1em 0 2em 0.5em; 边框(border) 边框的属性如下: ?border-width:1px; ?border-style:solid; ?border-color:#000; 可以缩写为一句:border:1px solid #000; 语法是border:width style color; 背景(Backgrounds) 背景的属性如下: ?background-color:#f00; ?background-image:url(background.gif); ?background-repeat:no-repeat; ?background-attachment:fixed; ?background-position:0 0; 可以缩写为一句:background:#f00 url(background.gif) no-repeat fixed 0 0; 语法是background:color image repeat attachment position; 你可以省略其中一个或多个属性值,如果省略,该属性值将用浏览器默认值,默认值为:?color: transparent ?image: none HTML(HyperText Mark-up Language)即超文本标记语言或超文本链接标示语言,是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部(Head)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。 编辑本段HTML代码大全 1.结构性定义 文件类型 (放在档案的开头与结尾) 文件主题 竭诚为您提供优质文档/双击可除 html,表格,空隙 篇一:html表格布局实例 [html]表格布局之实例版 |[>] 前面我们讲了html表格的基础知识,今天我们通过一个实例让大家更清晰的了解下表格的用途。 例如:我们做一个简单的网站布局,代码如下: bordercolor="#00ff99"> 网站名称 网站标题 搜索框 左边 中间 右边 网站底部信息 产生如下的表格: 这是一张整体的表格,第一行和第四行分别跨度了三列,这里用 colspan="3"来限制,而第二行的“搜索框”占用了两 列的位置,用colspan="2"控制;align="center"是对表格 内文字的对齐限制,center表示中间,right表示靠右,left 靠左。 表格的基础设置,可以参考: [html]利用表格规划网站布局 [html]如何制作多行多列的表格 [html]设定表格的尺寸和边框 如果你现在可以根据自己的想法制作出一个表格了,那么你就是向自己制作模板迈近了一步。^o^ 表格布局现在仍然很多人在用,方便实在。 网页设计现有两种布局方法,一种即是表格布局,另一种是现在w3c极力推荐的css布局。不过,就目前来说,由于xhtml并未完全占据主流,表格布局依然是大多数网页设计师的首选。 你所描述的问题属于表格的对齐问题,解决方式有以下几种: 如果两个表格的宽度不一致,那么选择默认的对齐方式,也即左对齐,在html中的标签和属性是:就能实现左边对齐。你现在出现的问题有可能是第一个表格设置了对齐方式,例如居中对齐,而第二个表格并没有设置对齐方式,所以默认为左对齐,这样就出现了上述问题。 我的一些表格布局的经验: 1、表格布局第一步:先插入一个表格,宽度是760-780px (记住,一定要用px,不要用百分比),高度不用设置,然 后令这个表格居中。以后所有的内容都限制在这个表格中。 2、熟练使用表格嵌套。也就是说,在一个表格中再插 入另一个表格。举个例子,把你要设计的页面分成大的几个部分,然后利用表格的行数和列数来控制它们的布局,如果某一个单元格中的内容又要分成几部分,可以继续在这个单元格中插入表格,方法同上。 3、补充:表格的边框一定要为0,即table中的border 属性值为"0"。也就是让表格在网页预览中不可见,这样才 能实现表格布局的目的。 如何利用表格实现画中画,也就是页中页效果 网页的排版大多使用表格,利用一个表个单元可以嵌入一个网页,你知道吗?这样做有很多好处,比如你把经常更 Flash常用代码大全 1、用命令载入一个动画,我需要确定载入动画在画面中的位置,用什么语言来设置? 例如载入名为dd.swf的动画,我要确定这个动画的中心位置在(205,250),该怎么设置? 在要加载动画的那钟加入 loadMovie("dd.swf", "a"); a._x=205; a._y=250; 你得先做一个空的MC起名叫"a",导入时,在右下角也起名为a 2、用flash 做那种弹出的小窗口 分两步: 给flash中的按钮加入如下action: on (release) { getURL ("javascript:MM_openBrWindow('newweb.htm','','width=600,height=100')"); } 在HTML页面的...之间加入下面的javascript代码. 3、如何使得flash一打开就是全屏? fscommand("fullscreen",true) 如何不能使用右键? fscommand ("showmenu", "false"); 4、当鼠标经过时动画播放到某处 on (rollover) { gotoAndPlay(10); } 当鼠标按下时动画播放到某处 on (release) { gotoAndPlay(1); } 5、播完动画后自动跳到某网页 getURL("siteindex.htm", _self); 6、设为首页 on (release) { getURL("javascript:void(document.links.style.behavior='url(#default#homepage)');v oid document.links.setHomePage ('https://www.doczj.com/doc/4c15369973.html,/')", "_self", "POST"); } 注意要将网页中的flash的ID号命名为"links" 仅供新手参考学习,欢迎大家提出更多的实现方法。 < html xmlns="https://www.doczj.com/doc/4c15369973.html,/1999/xhtml"> < head> < meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> < title>模拟表格对角线 < style type="text/css"> *{padding:0;margin:0;} caption{font-size:14px;font-weight:bold;} table{ border-collapse:collapse;border:1px #525152 solid;width:50%;margin:0 auto;margin-top:100px;} th,td{border:1px #525152 solid;text-align:center;font-size:12px;line-height:30px;background:#C6C7C6;} th{background:#D6D3D6;} /*模拟对角线*/ .out{ border-top:40px #D6D3D6 solid;/*上边框宽度等于表格第一行行高*/ width:0px;/*让容器宽度为0*/ height:0px;/*让容器高度为0*/ border-left:80px #BDBABD solid;/*左边框宽度等于表格第一行第一格宽度*/ position:relative;/*让里面的两个子容器绝对定位*/ } b{font-style:normal;display:block;position:absolute;top:-40px;left:-40px;width:35px;} em{font-style:normal;display:block;position:absolute;top:-25px;left:-70px;width:55x;} .t1{background:#BDBABD;} < /style> < /head> < body> 国家 省或者市 省或者市 省或者市 黄岩村1 黄岩村 黄岩村 黄岩村 黄岩村2 黄岩村 黄岩村 黄岩村 黄岩村3 黄岩村 黄岩村 黄岩村 黄岩村4 黄岩村 黄岩村 黄岩村 黄岩村5 黄岩村 黄岩村 黄岩村 黄岩村6 黄岩村 黄岩村 黄岩村 黄岩村7 黄岩村 黄岩村 黄岩村 黄岩村8 黄岩村 黄岩村 黄岩村 黄岩村9 黄岩村 黄岩村 黄岩村 黄岩村10 黄岩村 黄岩村 黄岩村 黄岩村11 黄岩村 黄岩村 黄岩村 黄岩村12 黄岩村 黄岩村 黄岩村 黄岩村13 黄岩村 黄岩村 黄岩村 黄岩村14 黄岩村 黄岩村 黄岩村 黄岩村15 黄岩村 黄岩村 黄岩村 黄岩村16 黄岩村 黄岩村 黄岩村 黄岩村17 黄岩村 黄岩村 黄岩村 黄岩村18 黄岩村 黄岩村 黄岩村 黄岩村19 黄岩村 黄岩村 黄岩村 黄岩村20 黄岩村 黄岩村 黄岩村 黄岩村21 黄岩村 黄岩村 黄岩村 黄岩村22 黄岩村 黄岩村 黄岩村 黄岩村23 黄岩村 黄岩村 黄岩村 黄岩村24 黄岩村 黄岩村 黄岩村 黄岩村25 黄岩村 黄岩村 黄岩村 黄岩村26 黄岩村 黄岩村 黄岩村 黄岩村27 黄岩村 黄岩村 黄岩村 黄岩村28 黄岩村 黄岩村 黄岩村 黄岩村29 黄岩村 黄岩村 黄岩村 黄岩村30 黄岩村 黄岩村 黄岩村 黄岩村31 黄岩村 黄岩村 黄岩村 黄岩村32 黄岩村 黄岩村 黄岩村 黄岩村33 黄岩村 黄岩村 黄岩村 黄岩村34 黄岩村 黄岩村 黄岩村 黄岩村251 黄岩村 黄岩村 黄岩村 黄岩村261 黄岩村 黄岩村 黄岩村 黄岩村271 黄岩村 黄岩村 黄岩村 黄岩村281 黄岩村 黄岩村 黄岩村 黄岩村291 黄岩村 黄岩村 黄岩村 黄岩村301 黄岩村 黄岩村 黄岩村 黄岩村311 黄岩村 黄岩村 黄岩村 黄岩村321 黄岩村 黄岩村 黄岩村 黄岩村331 黄岩村 黄岩村 黄岩村 黄岩村341 黄岩村 黄岩村 黄岩村 网页设计试题及html代码
… :删除线。 … :使文字大小相对于前面的文字增大一级。 … :使文字大小相对于前面的文字减小一级。 … :使文字成为前一个字符的上标。 …:使文字成为前一个字符的下标。 :使文字显示为闪烁效果。 …:以等宽体显示西文字符。 …:输出引用方式的字体,通常是斜体。 …:强调文字,通常用斜体加黑体。 …:特别强调的文字,通常也是斜体加黑体。 注:有些标记的效果必须在动态环境下才能显示,例如网页html代码大全
.......... 10.下标字.......... 11.上标字.......... 12.文字闪烁效果 13.换行(也称回车)
14.分段 15.文字的对齐方向
或HTML5代码大全
加入一条水平线
设置水平线的大小(高度)
设置水平线的宽度(百分比或绝对像素点)
创建一个没有阴影的水平线 3、链接(命令) 创建一个超链接 创建一个自动发送电子邮件的链接 创建一个位于文档内部的靶位 创建一个指向位于文档内部靶位的链接 4、格式排版(命令) 创建一个新的段落
插入一个回车换行符 创建一个定义列表
创建一个标有数字的列表
创建一个标有圆点的列表
HTML网页编辑代码大全详细使用方法
DIV+CSS网页布局技巧实例
HTML代码大全
(显示原始码之用) 样本 键盘输入 变数 定义 (有些浏览器不提供) 地址 大字 小字 与外观相关的标签(作者自订的表现方式) 加粗 斜体 底线 (尚有些浏览器不提供) 删除线
(尚有些浏览器不提供) 下标 上标 打字机体 (用单空格字型显示) 预定格式 (保留文件中空格的大小) 预定格式的宽度 (以字元计算) 向中看齐 html,表格,空隙
Flash常用代码大全
HTML和CSS做模拟表格对角线网页教程