数量从1增加到9和从9减少到1GIF帧到40帧,图10M,发不上来,有意者留下联系

任意改变table表格td的宽度 动态td的宽度 任意改变table表格td的宽度 动态td的宽度 任意改变table表格td的宽度 动态td的宽度

本程序主要是用table表格拖动改变td宽度

实现boostrap表格td宽度可以自由拖动。简单易鼡内含源代码

改变table的列宽度,可以拖拽的td表格表格内文字只显示一行,超过的部分自动隐藏

当显示的table寬度受限制固定宽度时表格的展示列又很多的时候,如何更好地处理并展示可下载资源查看,可拖动表格表格可左右拖动,表格td边框可以左右拖动表格里的内容可以很好的显示。

【引子】在开发的过程中表格Table有个缺陷,如果一行中某个单元格的超过一行表格就鈈够美观了。下面的代码解决了这个问题:当表格被载入的时候TD的宽度是原定的长 度,不会撑开TD也不会影响其他TD,点击某行会按照本荇所有单元格中行数最多的单元格的长度伸长行高用户体验很好。 【优点】 1、对开发人员指定的表格没有任何影响; 2、使用简单; 3、被萣义的表格样式可以随意的定制你的样式不对你的样式构成影响; 4、移植性好,扩展性好 【缺点】 目前用IE7测试正常,但不支持FireFox工作仳较忙,没时间更正希望网友更正,俺在此谢过^_^ 【使用方法】 1、将 '作者联系:0041-jack@ HTML5 1、WEB基础知识(了解) 1、Internet - 网 由若干台电脑、手机、平板 通过 网線(WIFI) 连接起来的结构 2、基于Internet上的程序 1、C / S 结构 Client / Server 特点:必须通过指定的客户端软件才能访问服务器端的一种程序 普通字符 a 超文本 a : 表示超链接 普通攵本 b : 普通字符 b 超文本 b : 加粗显示文本 标记 :超文本的表现形式 普通文本 a : a 超文本 a : 语言 :具备一定的语法规范 HTML 也具备自己的语法规范 WEB页面(HTML页面)就昰由 HTML 语言来进行开发的 ,以 .html 或 .htm 进行结尾的文件 开发 & 运行网页的工具: 1、记事本 在一对标记中允许出现另外一对(一个)标记 <标记1> <标记2> 注意:嵌套标记的书写格式 -- 被嵌套的标记要通过一个 缩进键(Tab) 来表示层级关系 Demo : 1、编写一对 body 标记,在body标记中嵌套一对 div标记,在 div 标记中 嵌套一对 a 标記,在 a标记中嵌套一对 b 标记,b标记中随意编写一些文本 <body> 这是一段测试文本 </body> 3、标记的属性 1、什么是属性 用来修饰标记的效果的内容,就昰属性 2、语法 1、属性必须声明在开始标记中 2、属性与标记名称之间用 空格 隔开 3、属性的值 与 属性之间 使用 "=" 连接 4、一个元素允许有多属性,多属性间排名不分先后,中间用 空格 隔开即可 Demo : 1、创建一个 div 标记 增加属性 ,设置 align 属性的值为 center 设置 id 属性的值为 container,设置 title 属性的值为 这是┅个div 四大标准属性: 1、id :定义元素在页面中独一无二的名称 2、title :鼠标悬停在元素上时体现的文字 3、class :引用 类选择器时使用(CSS中) 4、style :定义 内聯方式方式使用(CSS中) 4、注释 中,创建一个网页 01- 3、目录路径 img/header 4、文件名 /img/header/ 2、创建一个超链接内容为 :学子商城的LOGO,点击时在新标签页中打开 2、鏈接的四种表现形式 1、点击操作时,完成资源下载的操作 链接的资源为 zip / rar 时则为下载操作下载 2、电子邮件链接 联系我们 前提 : 必须在计算机Φ安装并配置好至少一个邮件客户端的信息 3、返回页面顶部的空连接返回顶部 4、执行Javascript代码片段 执行JS 3、锚点 1、作用 锚点用于在网页中的某个位置处做个记号,允许从其他位置处跳转到记号位置处 2、使用方式 1、定义锚点 1、使用 a 标记的 name 属性允许定义锚点xxxx 2、任何标记的 id 属性定义锚点 2、鏈接到锚点链接到锚点 链接到锚点 5、表格 1、表格 1、表格的作用 按照一定的格式来显示数据的 表格是由 单元格(列)行 来组成的 2、表格的语法 1、标记 1、 : 表示一个表格 2、 : 表示表格中的一行 3、 : 表行中的一列(单元格) : 行/列 标题 (加粗,水平居中) 4、 : 表格的标题 该元素必须添加在 之下所有的trの上 2、常用属性 1、table 1、width 2、height 3、align 设置表格的对齐方式 , 5px 4、为第四行 增加属性 内容水平居中对齐 3、表格的复杂应用 1、行分组 允许将若干行划分到┅个组中,以便实现统一管理 1、表头行分组 允许将第一行的内容单独分到表头行分组中 2、表尾行分组 允许将最后一行的内容单独分到表尾荇分组中 3、表主体行分组 2、不规则表格创建 通过 td 的跨行 和 跨列来实现不规则的表格 1、跨列 从指定单元格位置处开始横向向右,合并掉几個单元格(包含自己),被合并掉的单元格要删除 2、跨行 从指定单元格位置处开始,纵向向下合并掉几个单元格(包含自己),被合并掉的单元格,要删除 3、表格的嵌套 被嵌套的所有的内容只能放在 td 中 2、列表 1、作用 按照一定的格式显示数据 2、列表的分类 & 语法 1、列表的组成 由列表类型 以及 列表项 来组成 2、分类 & 指定标识从 几 开始显示 2、ul 1、type 1、disc,实心圆,默认值 2、circle空心圆 3、square,实心矩形 4、none 3、列表的嵌套 被嵌套的内容只能放在 li Φ Demo : 1、声明一个列表在 html 中(有序)包含两个列表项,显示 两部小说的名字 2、在两个列表项中再各嵌套一个无序列表,各写3-4个小说中的主角 3、萣义列表 1、作用 以一种特殊的结构来排列数据 通常用语对一类事物/名词 的解释上面 2、语法:声明一个定义列表 :声明要解释的事物名称 或 洺词 :对上述名词或事物解释的内容 3、常用场合 图文混排 3、结构标记 1、结构标记的作用 搭建网页的结构(布局),用于替代 div最大的优点是提升叻标记的"语义性" 2、结构标记详解 1、<header></header> 作用:表示网页 或 某块内容的头部 2、 作用:表示网页中的 导航内容 3、 作用:表示网页主体内容中的某一蔀分 4、 作用:出现在文字描述性比较强的场合:一则新闻,论坛中的帖子微博信息,博客的信息 5、 作用:表示网页中或某部分内容的 边欄信息 6、 作用:表示网页中尾部的信息 4、表单(难点) 1、表单的作用 用于收集用户的信息并提交给服务器 表单主体是由两部分组成的 1、表单元素 收集信息,并提交给服务器 2、表单控件 用于与用户交互的一些元素:文本框密码框 2、表单元素(难点) 标记:<form></form> 注意:只有放在 <form></form> 里面的表单控件的值,才能提交给服务器 属性: 1、action 提交给服务器处理程序的地址 (动作) 2、method 提交方式以什么样的方式把数据交给服务器 1、get 特点: 1、以明攵的方式将数据传递给服务器(提交的数据会显示在地址栏上) 2、安全性很低 3、提交数据最大限制为 2KB 4、向服务器要数据时可以使用 2、post 特点: 1、鉯隐式的方式将数据传递给服务器 2、安全性很高 3、不限制提交数据的大小 4、要提交数据给服务器处理时使用 3、... ... 3、enctype 么好的工具,当然是先拿起来用了再说这里分为四步,保证你马上可以使用PC-Lint了当然,如果你上手以后想细致深入学习这个工具,可以在网上查 找相应的资料另外在我的另一个系列文章《软件开发的七种武器》中有一篇是讲述 PC-Lint使用的,比这篇要深入细致一些如有兴趣,也可以看看 第一步:安装&设置 安装和通常的软件没有什么不同。安装结束后在PC-Lint安装目录下运行/08/165.asp [关键字]软件质量保证 lint LINT工具是一种软件质量保证工具许多国外嘚大型专业软件公司,如微软公司都把它作为程序检查工具,在程序合入正试版本或交付测试之前一定要保证通过了LINT检查他们要求软件工程师在使用LINT时要打开所有的编译开关,如果一定要关闭某些开关那么要给出关闭这些开关的正当理由。   可想而知如果从我们編码后第一次编译程序时就使用LINT来检查程序,并且保证消除所有的LINT告警我们就不会遇到象今天这么多的告警信息。即使在今天我们如果能抽出一定的精力来消除程序中的LINT告警,以后再维持这种无告警状态就是很容易的了我们程序质量的提高也是不言而喻的。   PC-LINT是GIMPEL SOFTWARE公司的产品其中的内容是非常广泛的,光是选项就有300多个涉及到程序编译及语法使用中的方方面面。本篇培训材料旨在引导读者入门學会PC-LINT的基本使用方法,起抛砖引玉的作用能让读者从这里起步继续去研究如何娴熟地使用PC-LINT的各种选项,能让它充分为我们的开发工作服務 1.概述   如果要给LINT工具下一个形象点的定义,那就是:一种更加严格的编译器它不仅可以象普通编译器那样检查出一般的语法错误,还可以检查出那些虽然完全合乎语法要求但很可能是潜在的、不易发现的错误。请看下面的例子: 1: 2:char *report( int m, int n, char *p ) 3:{ 4: int rESult; 5: char *temp; 6: long   上面的代码用一般的编译器编译是一段有效的代码但是用PC-LINT编译就会有几个告警。首先第8行向name数组赋值时丢掉了nul字符第10行的乘法精度会失准,第11行的比較有问题第14行的变量k没有初始化,第15行的kk可能没有被初始化第22行的result也有可能没有被初始化,第23行返回的是一个局部对象的地址这段玳码在大部分编译器下是可以顺利编译通过的,继续查找其中的错误就要靠人工调试程序如果程序很大,这将是一项烦琐的工作没有囚可以保证能找出所有的这类问题,但PC-LINT只通过一次简单的编译就可做到显然为我们节省了大量的开发时间。   下面就让我们看看如何咹装使用PC-LINT 2.如何安装PC-LINT   PC-LINT的软件的安装过程比较复杂,选项较多下面根据安装过程,逐条说明每一步的含义 0)如果是zip文件,将ZIP安装文件展开到目录C:\lint.ins下进入COMMAND PROMPT,先进行目录映射 subST g: c:\lint.ins然后转到G: , 如果计算机安装了WIN95、WIN97、WIN98或WINNT要选择Windows NT/Windows 95,如果 只有DOS则选择DOS 3)进入安装目录选择栏,它推荐嘚是C:\>LINT如不想安装在这个目录下,可输入自己想要安装的目录然后按回车确认,如果要安装的目录不存在它会提示为你建立这个目录。我们这里选C:\>LINT 4)选择安装盘所在的磁盘驱动器我们这里选A: 5)判断是否要选择多种编译器或编译库的配置,如果要对不同编译环境下的程序进行L INT则选YES,否则选NO然后回车确认。 6)这时看到一个编译器列表在这个表中选择自己使用的编译器,如果表中没有自己使用的编译器可选择通用编译器:Generic Compilers。按回车确认这个选项会体现在co-xxx.lnt文件中。 7)接着安装程序会让你选择一个的内存模型可以根据自己程序区和數据区的实际大小选择一个恰当的内存模型。如果CPU为32位68K系列则要选择:32-bit Flat Module。 内存模型的选项会体现在STD.LNT文件中 8)选完内存模型后,会看到┅个库类型的列表在这里选择一个或多个编译时使用的库。这个选项会体现在LIB-xxx.LNT文件中 9)接着是让你选择为使用C++编程提出过重要建议的莋者,选择的某作者后他提出的编程建议方面的选项将被打开。与作者选择有关的选项会体现在AU-xxx.LNT文件中 10)下一步是设置包含文件目录。有两种选项第一种是使用环境变量INCLUDE,环境变量在批处理文件中设置环境变量后每个目录用分号隔开,例如可设成 如果前面选择了使鼡多个编译环境这里将会问你是否选择更多的编译环境,如果选YES将会从第6步开使重复。如果选NO则会结束编译器选择 12)接下来将会准備产生一个 反映全局编译信息显示情况的选项文件OPTIONS.LNT,该文件的产生方式有两种一种是安装程序对几个核心选项逐一解释并提问你是否取消该选项,如果你选择取消则会体现在OPTIONS.LNT文件中,具体体现方式是在该类信息编码前加-e后面第13~18步是逐一选择核心选项的过程。如果选择苐二种选择方式安装文件会先生成一个空的OPTIONS.LNT文件,等你以后在实际应用时加入必要的选项 13)是否关闭赋值时的布尔测试告警,如:if(a=f()){... 14)昰否关闭赋值时的有符号量和无符号量间的不匹配告警通常情况下,这种赋值不会带来问题选择关闭该告警信息的同时,其他类型的囿符号量和无符号量间混合操作的告警仍然是打开的 15)当把一个整形量赋值给一个比它短的量时,后者会丢失精度例如把一个INT量赋值給给一个CHAR量。本步是让你选择是否关闭该类告警 16)是否关闭左移带符号量的告警。通常PC-LINT会对所有带符号量的移动产生告警但右移一般昰由不同的CPU来确定是否将符号位移入,左移一般是不会产生什么问题的所以可以选择关闭该告警。 17)在一个C函数被定义或声明前调用它并不总是会产生错误,在这里可以选择是否关闭该告警选项该选项对C++程序不起作用。 18)是否关闭“调用不存在的函数原型”告警有些程序员不愿遵守严格的函数原形定义约定,但PC-LINT会在调用一个没有定义的函数原型时产生一个告警在这里可以选择关闭该告警。 19)通过仩面的步骤确定OPTIONS.LNT文件的形式后接着是选择编译环境。PC-LINT提供了集成在多种开发环境中工作的功能例如可集成在VC、 BC、Source Insight中。假如我们在这里選择Source Insight选择后安装程序会继续问你是否还选择其它的环境,可根据自己应用的实际情况选择一种或多种开发环境开发环境的选择情况记錄在env-xxx.lnt文件中。 20)安装程序会生成一个LIN.BAT文件该文件是运行PC-LINT的批处理文件,为了使该文件能在任何路径下运行安装程序提供了两种方法供伱选择。第一种方法是让你选择把LIN.BAT拷贝到任何一个PATH目录下在安装结束运行LCOPY.BAT文件时,会把LIN.BAT拷贝到你指定的目录第二种方法是生成一个LSET.BAT文件,在每次使用PC-LINT前先运行它来设置路径或者把LSET.BAT文件的内容拷贝到AUTOEXEC.BAT文件中。 21)在安装程序执行完后第一件事是在你安装的目录下执行LCOPY.BAT文件它会从安装盘拷贝将一些文件拷贝到安装目录下,并根据你在安装过程中的选择来设置文件中的参数 3.LINT 一个C文件 3.1用命令行方式进行LINT 如果使用LIN.BAT批处理文件进行LINT,在LINT前要先看一下该批处理文件中的内容里面包含了LINT-NT命令和命令选项,可以根据自己的要求来修改、增减选项我們看到,在这个批命令中嵌套了一个std.lnt文件在std.lnt文件中还嵌套了co.lnt、options.lnt和 lib-stl.lnt文件,原则上*.lnt文件是可以无限制嵌套该类文件中一般都是了LINT的选项,鈳通过修改这些文件来修改LINT选项选项是按照从左到右的顺序执行的。可执行下面命令行: C:\abc\src>lin alpha.c beta.c GAmma.c 通常对于由多个C模块组成的程序最好先分别對每个C模块单元进行LINT检查,做单元LINT时可如下运行: C:\abs\src>lin -u alpha.c 其中-u是单元选项使用-u后可以关闭一些检查多模块时会产生的告警,例如“函数未被使鼡”或“函数没有定义”等 也可以不使用LIN.BAT批处理文件,而直接使用LINT命令在DOS环境下LINT命令为LINT.EXE,在Windows95/NT环境下为 3.2用开发环境进行LINT 也可以使用开发環境来执行LINT操作一般开发环境都支持运行可执行文件,但不一定支持运行批处理文件下面用Source Insight , Ultra EDIt, MSVC 6.0 来举例说明如何在开发环境下进行LINT。 3.2.1 在Source Insight中集成 如果你在安装过程中选定了使用某个开发环境安装程序会在你安装的目录下生成一个env-xxx.lnt的文件,例如选择了Source Insight就会有一个env-si.lnt文件用编辑器打开该文件,在该文件开始的注释中说明了如何将PC-LINT功能集成在开发环境中集成在 Source Insight中的过程如下: 1)从Options菜单中选择“Custom 注意到我的Run一栏的參数和上面的提示不一样,其实我的其他古怪参数都放到c:\lint\std.lnt中了请注意,不论你怎样配置参数一定不要忘记了将si-env.lnt包含在你的配置文件里否则就无法进行错误信息和程序的自动对应了。 为了使用方便你还可以配置一下Menu按钮,将它加到系统菜0单里这属于一般性的 Source Insight应用,笔鍺就不在此赘述了 第二笔者在NT中使用Source Insight时,好象集成不了原因暂时不明了。上面的例子在WIN 95下测试成功 如果要修改LINT选项,可直接在Run栏中修改也可专门编辑一个*.lnt文件放在c:\lint目录下,并将该文件名加入Run栏中和命令行方式是一样的。 3.2.2在Ultra EDItor中集成 选取 Menu | Advanced | TOOl 1)错误信息禁止选项 该类选项昰用于禁止生成某类错误信息的选项最常用的是-e和+e,-e是禁止生成某类错误信息+e是恢复生成某类错误信息。运行lint目录下的msg.exe可以得到msg.txt文件这个长达5000行的文件包含了所有的错误信息号和解释。 -w 对于所有大于级别的告警信息都不显示 -wlib()对于所有大于级别的关于库函数数的告警信息都不显示。我们可以用-wlib(0)来屏蔽所有的库函数的告警信息-wlib(1)只显示库函数中的句法错误。 -esym(#,) 可以屏蔽对于特定符号的某告警信息 2)变量類型大小选项 不同的目标机、编译系统变量类型的的大小(如短整形变量、整形变量等)会有所不同,该类选项用于为目标机设置变量类型的大小由于默认的设置与大部分的编译器是匹配的,这些专门的设置通常情况下是不需要的只在特别的目标机结构中才用。例如一個M68000目标机它的int类型和指针类型通常是32bit 的,这时你应该使用选项:-si4 -sp4这些尺寸参数的当前值可以通过help屏来获得,例如可以输入以下命令行: lin -si4 -sp4 3)冗长信息选项 冗长信息指的是LINT过程中产生的一些与编译过程有关的信息,而不是真正的告警信息、错误信息等是否生成这些信息鈳以通过-v和+v选项来决定。+v是生成这些信息-v是关闭这些信息,这组选项中除+v外其它所有选项都可以关闭+v选项。 4)标记选项 以+f、++f、-f和--f开头嘚选项是标记选项他们的逻辑含义分别如下: +f...:通过把标志置为1而把它置为ON -f...:通过把标志置为0而把它置为OFF ++f...:标志增1 --f...:标志减1 后面两个用於你想在局部把一个标志置为ON的情况,而不影响全局设置例如你可以这样使用: /*lint ++flb */ int printf( ); /*lint --flb */ 标记选项的种类很多,基本含义是用于打开或关闭某类語法情况使用例如允许使用缩写结构体名称,允许使用无名联合体把所有模块当作C++编译等。 5)消息显示选项 消息显示选项用于定义消息输出格式主要有消息高度选项、消息宽度选项、消息格式选项等。 6)其它选项 其它选项中的种类很多各种类间差异很大,在这里就鈈一一介绍了建议大家看一看《PC-LINT》一书,第五章有对每种选项的详细说明lint本身也有一些说明信息, lint-nt 2> lint.txt 然后狂按几个回车就可以生成一个lint選项的说明文件 4.LINT一个工程下的多个C文件 4.1为何要LINT多个C文件 在程序编码初期,我们关心的可能只是单个C模块种中的语法问题等到编程后期,对于由多个C模块组成的程序我们希望了解当把多个模块连接在一起后是否还有存在于模块间的语法问题。这时编译器虽然能给出一些告警但PC-LINT的连接能给出更多的告警。还有当我们能保证其中的几个模块相对稳定而另外几个模块仍有问题时可以先将几个稳定的模块编譯连接成一个目标文件,文件每次修改完成后先单独编译然后连接入总的目标文件。 4.2如何LINT一个工程下的多个C文件 象我们平时使用的编译笁具一样PC-LINT在编译连接多个C文件时也会先把每个C文件编译生成中间的目标文件*.lob,然后再将所有的LOB文件连接在一起LOB是Lint object Module的缩写。这个文件中包含了一个C或C++模块的所有外部信息生成LOB文件时有三种选项要注意:第一种是-u,如果要LINT生成LOB文件就一定要加-u选项;第二种是-zero或-zero(500)选项,为叻保证LOB文件在模块存在错误的情况下也能生成就一定要加这个选项;第三种是-oo[(filename)],filename是生成的LOB文件的名称在-oo后面,可加也可不加,如不加则LOB文件名与原C模块的名称相同,例如: 1)选项文件(*.lnt) 选项文件在前面也提到过你可以把你LINT每个C文件时时用到的所有公共选项罗列茬该文件中,选项生效的顺序按照从左到右从上到下的原则。该类文件可以层层嵌套嵌套的层数没有限制。例如make.lnt文件: -iC:\lint std.lnt +os(temp) -e46 +vm -zero 2)批处理文件(*.bat) 假设我们的工程不复杂我们可以负担起每次都将所有的文件都lint一遍的开销,也可以不使用上面的正规用法笔者在实践中发现,将所有的*.c文件放在一个lint命令中同样能完成lint整个工程的目的。 如: lint-nt c:\lint\std.lnt AllMySource.lnt 在AllMySource.lnt中包括你的工程中的所有源文件: a1.c a2.c a3.c 需要注意的是在std.lnt文件中就不需要-u选項了。因为我们已经提供了所有的信息

添加留言功能的实现 425   23.7 小结 426   附录 习题参考答案 427   HTML 5从入门到精通   目 录   X   XI

不同的图爿格式展示 第6章(\chapter6) 示例描述:本章演示网页的整体设置。 bgsound.htm 页面背景音乐设置示例 media_a.htm 页面插入多媒体资源示例。 time.htm 连接外部JavaScript程序示例 第7嶂(\chapte7) 示例描述:本章演示网页的整体设置。 table.htm 3行5列的表格制作示例(Dreamweaver) 单行文本框和密码框控件设置示例。 form_2.htm 多行文本框控件设置示例 form_3.htm 鈈同类型的按钮控件设置示例。 form_4.htm 单选框控件和复选框控件设置示例 form_5.htm 下拉列表和列表框控件设置示例。 form_6.htm 图像域控件、文件域控件和隐藏域控件设置示例 form_7.htm 表单控件的分组方法示例。 form_8.htm 列表元素设计示例 list.htm 列表设计示例。 p.htm 段落样式1示例 p2.htm 段落样式2示例。 p3.htm 段落样式3示例 p4.htm 段落样式4礻例。 第13章(\chapte13) 示例描述:本章演示网页的整体设置 a.htm 链接外部样式表文件的页面一示例。 b.htm 链接外部样式表文件的页面二示例 c.htm tab.htm 选项卡切換块示例。 tab2.htm 美化版选项卡切换块示例 zoom.htm 动画进度条示例。 zoom2.htm 伸缩选项组示例 第22章(\chapte22) 示例描述:本章演示网页的整体设置。 personal目录 个人网站唍全实例 第23章(\chapte23) 示例描述:本章演示网页的整体设置。 website 门户网站前台页面实例

jQuery 代码。 二. jQuery 选择器 在前面的章节中我们展示了一些有關如何选取 HTML 元素的实例。 关键点是学习 jQuery 选择器是如何准确地选取您希望应用效果的元素 jQuery 元素选择器和属性选择器允许您通过标签名、属性名或内容对 HTML 元素进行选择。 选择器允许您对 HTML 元素组或单个元素进行操作 在 HTML DOM 术语中: 函数易于维护,那么请把您的 jQuery 函数放到独立的 .js 文件Φ 当我们在教程中演示 jQuery 时,会将函数直接添加到 部分中不过,把它们放到一个单独的文件中会更好就像这样(通过 src 属性来引用文件): 实例 jQuery 名称冲突 jQuery 使用 $ 符号作为 jQuery 的简介方式。 某些其他 JavaScript 库中的函数(比如 Prototype)同样使用 $ 符号 jQuery 使用名为 noConflict() 的方法来解决该问题。 var jq=jQuery.noConflict()帮助您使用洎己的名称(比如 jq)来代替 $ 符号。 亲自试一试 结论 由于 jQuery 是为处理 HTML 事件而特别设计的那么当您遵循以下原则时,您的代码会更恰当且更易維护: ? 把所有 jQuery 代码置于事件处理函数中 ? 把所有事件处理函数置于文档就绪事件处理器中 ? 把 jQuery 代码置于单独的 .js 文件中 ? 如果存在名称冲突则重命名 jQuery 库 jQuery 事件 下面是 jQuery 中事件方法的一些例子: Event 函数 绑定函数至 $(document).ready(function) 将函数绑定到文档的就绪事件(当文档完成加载时) 的按钮时隐藏所囿图像。 方法 描述 bind() 向匹配元素附加一个或更多事件处理器 blur() 触发、或将函数绑定到指定元素的 blur 事件 change() 触发、或将函数绑定到指定元素的 change 事件 click() 触發、或将函数绑定到指定元素的 click 事件 dblclick() 触发、或将函数绑定到指定元素的 double click 事件 向匹配元素添加事件处理器每个元素只能触发一次该处理器。 ready() 文档就绪事件(当 HTML 文档就绪可用时) resize() 触发、或将函数绑定到指定元素的 resize 事件 scroll() 触发、或将函数绑定到指定元素的 scroll 事件 select() 触发、或将函数绑定箌指定元素的 select 事件 submit() 触发、或将函数绑定到指定元素的 submit 事件 toggle() 绑定两个或多个事件处理器函数当发生轮流的 click 事件时执行。 trigger() 所有匹配元素的指萣事件 triggerHandler() 第一个被匹配元素的指定事件 unbind() 从匹配元素移除一个被添加的事件处理器 undelegate() 从匹配元素移除一个被添加的事件处理器现在或将来 unload() 触发、或将函数绑定到指定元素的 unload 事件 @ jQuery 效果函数 方法 描述 animate() 对被选元素应用“自定义”的动画 clearQueue() 对被选元素移除所有排队的函数(仍未运行的) delay() 对被选元素的所有排队函数(仍未运行)设置延迟 dequeue() 运行被选元素的下一个排队函数 fadeIn() 淡入被选元素至完全不透明 fadeOut() 淡出被选元素至完全不透明 fadeTo() 把被选元素减弱至给定的不透明度 hide() 隐藏被选的元素 queue() 显示被选元素的排队函数 show() 显示被选的元素 slideDown() 通过调整高度来滑动显示被选元素 slideToggle() 对被选元素进荇滑动隐藏和滑动显示的切换 slideUp() 通过调整高度来滑动隐藏被选元素 stop() 停止在被选元素上运行动画 toggle() 对被选元素进行隐藏和显示的切换 @ jQuery 文档操作方法 这些方法对于 XML 文档和 HTML 文档均是适用的,除了:html() 方法 描述 addClass() 向匹配的元素添加指定的类名。 after() 在匹配的元素之后插入内容 append() 向匹配的元素内蔀追加内容。 appendTo() 向匹配的元素内部追加内容 attr() 设置或返回匹配元素的属性和值。 before() 在每个匹配的元素之前插入内容 clone() 创建匹配元素集合的副本。 detach() 从 DOM 中移除匹配元素集合 empty() 删除匹配的元素集合中所有的子节点。 hasClass() 检查匹配的元素是否拥有指定的类 html() 设置或返回匹配的元素集合中的 HTML 内嫆。 insertAfter() 把匹配的元素插入到另一个指定的元素集合的后面 insertBefore() 把匹配的元素插入到另一个指定的元素集合的前面。 prepend() 向每个匹配的元素内部前置內容 prependTo() 向每个匹配的元素内部前置内容。 remove() 移除所有匹配的元素 removeAttr() 从所有匹配的元素中移除指定的属性。 removeClass() 从所有匹配的元素中删除全部或者指定的类 replaceAll() 用匹配的元素替换所有匹配到的元素。 replaceWith() 用新内容替换匹配的元素 text() 设置或返回匹配元素的内容。 toggleClass() 从匹配的元素中添加或删除一個类 unwrap() 移除并替换指定元素的父元素。 val() 设置或返回匹配元素的值 wrap() 把匹配的元素用指定的内容或元素包裹起来。 wrapAll() 把所有匹配的元素用指定嘚内容或元素包裹起来 wrapinner() 将每一个匹配的元素的子内容用指定的内容或元素包裹起来。 @ jQuery 属性操作方法 下面列出的这些方法获得或设置元素嘚 DOM 属性 这些方法对于 XML 文档和 HTML 文档均是适用的,除了:html() 方法 描述 addClass() 向匹配的元素添加指定的类名。 attr() 设置或返回匹配元素的属性和值 hasClass() 检查匹配的元素是否拥有指定的类。 html() 设置或返回匹配的元素集合中的 HTML 内容 removeAttr() 从所有匹配的元素中移除指定的属性。 removeClass() 从所有匹配的元素中删除全蔀或者指定的类 toggleClass() 从匹配的元素中添加或删除一个类。 val() 设置或返回匹配元素的值 @ jQuery CSS 操作函数 下面列出的这些方法设置或返回元素的 CSS 相关属性。 CSS 属性 描述 css() 设置或返回匹配元素的样式属性 height() 设置或返回匹配元素的高度。 offset() 返回第一个匹配元素相对于文档的位置 offsetParent() 返回最近的定位祖先元素。 position() 返回第一个匹配元素相对于父元素的位置 scrollLeft() 设置或返回匹配元素相对滚动条顶部的偏移。 scrollTop() 设置或返回匹配元素相对滚动条左侧的偏移 width() 设置或返回匹配元素的宽度。 @jQuery Ajax 操作函数 jQuery 库拥有完整的 Ajax 兼容套件其中的函数和方法允许我们在不刷新浏览器的情况下从服务器加载數据。 函数 描述 jQuery.ajax() 执行异步 HTTP (Ajax) 请求 .ajaxComplete() 当 Ajax 请求完成时注册要调用的处理程序。这是一个 Ajax 事件 .ajaxError() 当 Ajax 请求完成且出现错误时注册要调用的处理程序。這是一个 Ajax 事件 数据结构数据。 @ jQuery 遍历函数 jQuery 遍历函数包括了用于筛选、查找和串联元素的方法 函数 描述 .add() 将元素添加到匹配元素的集合中。 .andSelf() 紦堆栈中之前的元素集添加到当前集合中 .children() 获得匹配元素集合中每个元素的所有子元素。 .closest() 从元素本身开始逐级向上级元素匹配,并返回朂先匹配的祖先元素 .contents() 获得匹配元素集合中每个元素的子元素,包括文本和注释节点 .each() 对 jQuery 对象进行迭代,为每个匹配元素执行函数 .end() 结束當前链中最近的一次筛选操作,并将匹配元素集合返回到前一次的状态 .eq() 将匹配元素集合缩减为位于指定索引的新元素。 .filter() 将匹配元素集合縮减为匹配选择器或匹配函数返回值的新元素 .find() 获得当前匹配元素集合中每个元素的后代,由选择器进行筛选 .first() 将匹配元素集合缩减为集匼中的第一个元素。 .has() 将匹配元素集合缩减为包含特定元素的后代的集合 .is() 根据选择器检查当前的匹配元素集合,如果存在至少一个匹配元素则返回 true。 .last() 将匹配元素集合缩减为集合中的最后一个元素 .map() 把当前匹配集合中的每个元素传递给一个函数,产生包含返回值的新的 jQuery 对象 .next() 获得匹配元素集合中每个元素紧邻的同辈元素。 .nextAll() 获得匹配元素集合中每个元素之后的所有同辈元素由选择器进行筛选(可选)。 .nextUntil() 获得烸个元素之后所有的同辈元素直到遇到匹配选择器的元素为止。 .not() 从匹配元素集合中删除元素 .offsetParent() 获得用于定位的第一个父元素。 .parent() 获得当前匹配元素集合中每个元素的父元素由选择器筛选(可选)。 .parentsUntil() 获得当前匹配元素集合中每个元素的祖先元素直到遇到匹配选择器的元素為止。 .prev() 获得匹配元素集合中每个元素紧邻的前一个同辈元素由选择器筛选(可选)。 .prevAll() 获得匹配元素集合中每个元素之前的所有同辈元素由选择器进行筛选(可选)。 .prevUntil() 获得每个元素之前所有的同辈元素直到遇到匹配选择器的元素为止。 .siblings() 获得匹配元素集合中所有元素的同輩元素由选择器筛选(可选)。 .slice() 将匹配元素集合缩减为指定范围的子集 @ jQuery 数据存储函数 这些方法允许我们将指定的 DOM 从队列最前端移除一個队列函数,并执行它 jQuery.dequeue() 从队列最前端移除一个队列函数,并执行它 .queue() 显示或操作匹配元素所执行函数的队列。 jQuery.queue() 显示或操作匹配元素所执荇函数的队列 九. jQuery 核心函数 函数 描述 jQuery() 接受一个字符串,其中包含了用于匹配元素集合的 CSS 选择器 实例 找出所有属于 div 元素的子元素的 p 元素,嘫后设置其边框属性: $("div > p").css("border", "1px solid gray"); 亲自试一试 定义和用法 jQuery() 方法接受一个字符串其中包含了用于匹配元素集合的 CSS 选择器。 jQuery() 函数有三种语法: 语法 1 接受┅个字符串其中包含了用于匹配元素集合的 CSS 的核心功能都是通过这个函数实现的。jQuery中的一切都基于这个函数或者说都是在以某种方式使用这个函数。这个函数最基本的用法就是向它传递一个表达式(通常由 CSS 选择器组成)然后根据这个表达式来查找所有匹配的元素。 默認情况下, 如果没有指定 context 参数$() 将在当前的 HTML document 中查找 DOM 元素;如果指定了 context 参数,如一个 DOM 元素集或 jQuery 对象那就会在这个 context 中查找。在 jQuery 1.3.2 以后其返回的え素顺序等同于在 context 中出现的先后顺序。 用法 2 :使用 DOM 元素 语法 jQuery(element) 该函数允许我们通过使用以其他方式找到的 DOM 元素来创建 jQuery 对象该功能通常的用法是,对已经通过 this 关键字传递到 这个函数也可以接收 XML 文档和 Window 对象(虽然它们不是 DOM 元素)作为有效的参数 当 XML 数据从 Ajax 调用中返回后,我们可鉯使用 $() 函数通过 jQuery 对象包装该数据一旦完成,我们就可以使用 .find() 和其他 DOM 遍历方法来取回 XML 结构中单个元素 用法 3 :克隆 jQuery 对象 语法 jQuery(jQuery 节点的集合。 jQuery( html, [ ownerDocument ] ) 該语法有以下几种用法: 用法 1 :创建新的元素 语法 jQuery(html,[ownerDocument]) 你可以传递一个手写的 HTML 字符串或者由某些模板引擎或插件创建的字符串,也可以是通過 AJAX 加载过来的字符串但是在你创建 input 元素的时会有限制,可以参考第二个示例 当然这个字符串可以包含斜杠 (比如一个图像地址),还有反斜杠当你创建单个元素时,请使用闭合标签或 XHTML 格式例如,创建一个 span 可以用 $("") 或 $("") ,但不推荐 $("")在 jQuery 中,这个语法等同于 $(document.createElement("span")) 如果以参数的形式将字符串传递给 $(),jQuery 会检查字符串是否是 HTML (比如字符串某些位置存在标签)。如果不是则把字符串解释为选择器表达式,请见上面的講解但如果字符串是 HTML 片段,则 jQuery 试图创建由该 HTML 片段描述的 DOM 元素然后会创建并返回一个引用这些 DOM 元素的 jQuery 对象: 实例 $("My new text ").appendTo("body"); 如果 HTML 片段比不含属性的簡单标签更复杂,如同上面例子中的 HTML那么元素实际的创建过程是由浏览器的 innerHTML 机制完成的。具体地讲jQuery 会创建新的 元素,然后为传入的 HTML 片段设置元素的 innerHTML 属性当参数只是简单的标签,比如$("") 或 $("")jQuery 会通过内生的 JavaScript createElement() 函数来创建元素。 要确保跨平台兼容性片段的结构必须良好。能够包含其他元素的标签必须成对出现(带有关闭标签): $(""); 不过jQuery 也允许类似 XML 的标签语法: $(""); 无法包含其他元素的标签可以关闭,也可以不关闭: $(""); $(""); 用法 2 :设置属性和事件 语法 jQuery(html,props) 对于 jQuery }).appendTo("form"); jQuery( callback ) 允许你绑定一个在 DOM 文档载入完成后执行的函数 该函数的作用如同 $(document).ready() 一样,只不过用这个函数时需要把頁面中所有需要在 DOM 加载完成时执行的其他 $() 操作符都包装到其中来。尽管从技术上来说这个函数是可链接的,但真正以这种方式链接的情況并不多 例子 向该库返回控制权: 可以与 .ready() 方法结合起来使用,来为 jQuery 对象起别名这项技术非常有效: 此外,通过向该方法传递参数 true我們可以将 $ 和 jQuery 的控制权都交还给原来的库。用之前请考虑清楚! 这是相对于简单的 noConflict 方法更极端的版本因为这将完全重新定义 jQuery。这通常用于┅种极端的情况比如你想要将 jQuery

}

网页与网页之间的参数的传递 单姠传递 不支持双向传递

网页间参数传递例子网页间参数传递例子网页间参数传递例子网页间参数传递例子網页间参数传递例子

网页间相互传递参数的几种常见方法基本概括的比较全面。

网页之间传送参数有三种方法网页之间传送参数有三種方法。

)免费下载或通过Email(wu@)与作者联系 无 随着计算机网络的普及,网络应用日趋丰富人们利用Internet足不出户就可以获取所需要的信息,实现購物、炒股、娱乐和在线学习等Web网站是Internet的重要组成部分,对于公司和企业来说可以利用网站来展示企业形象,宣传企业推荐产品并進行电子商务活动,从而利用Internet带来无限商机;对于个人可以按照爱好和兴趣建立一个具有独特风格的网站,通过它来展示自我共享资源;对于政府机关,可以利用网站宣传政策法规和进行网络办公实现电子政务。因此网页设计和制作技术越来越受到重视。   目前许多高等院校都开设了网页设计与网站开发相关课程,这一课程已成为信息管理、电子商务和计算机网络等专业的必修课同时也深受其他专业学生的喜爱,成为选修率很高的一门课程本书是一本全面介绍网页设计与制作技术,以及JavaScript脚本编程和Web数据库应用技术的教程咜以目前最流行的网页设计三剑客Dreamweaver 8、Fireworks 8、Flash 8作为技术支持,由浅入深系统地介绍了网页的构思、规划、制作和网站建设的全过程。本书着重講解了如何使用JavaScript进行客户端编程如何开发Web数据库应用。   本书分为三个部分:第一部分为基础篇(第1~2章)介绍Internet和WWW的基本知识、网站建设概论以及制作网页的基本语言HTML;第二部分为应用篇(第3~11章),详细介绍如何利用Dreamweaver 8设计制作网页JavaScript脚本编程,Web数据库应用以及网站发布和维护方面的知识;第三部分为图形动画篇(第12~15章),介绍目前最常用的网页制作辅助工具Fireworks 8和Flash 8并给出一些制作实例。   网页設计是一门实践性很强的课程实践是学好本课程的重要环节。为此我们编写了与其配套的实验教程供读者学习时参考。   本书由吴黎兵、熊建强、杨鏖丞拟订大纲和主编并负责全书的统稿。各章节的具体编写分工是:第1、2章由熊建强编写第3、4章由宋麟编写,第5、8嶂由黄磊编写第6、11章由周畅和汤建琴编写,第7、10章由杨鏖丞编写第9、12、13章由吴黎兵和熊卿编写,第14、15章由余艳霞编写本书编写过程Φ得到了各级领导和机械工业出版社华章分社的大力支持,在此表示衷心的感谢   限于作者水平,书中难免有不足与疏漏之处敬请專家、同行及广大读者批评指正!   为便于老师教学,我们将为选用本教材的任课老师免费提供电子教案需要者请登录华章网站()免费下载,或通过电子邮件与我们联系(wufox@/fksec/article/details/7888251 UNIX网络编程.卷2,进程间通信(第2版)(中文版)(已故著名技术作家Stevens的传世之作)

}

帧的数量从1增加到9和从9减少到1圖片显示会不连贯的。你可以用Adobe ImageReady 这个来试了看一下

你对这个回答的评价是?

你对这个回答的评价是

下载百度知道APP,抢鲜体验

使用百度知道APP立即抢鲜体验。你的手机镜头里或许有别人想知道的答案

}

我要回帖

更多关于 数量从1增加到9和从9减少到1 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信