Google [站内搜索]

分类: HTML/CSS预览模式: 普通 | 列表

AJAX初体验之上手篇

AJAX是这两年蛮热的东西,我也凑凑热闹,前些天去找了些教程学学,下面就按整个处理过程把自己学的东西写写,不过,因为是初学,所以有错误就请见谅啦,欢迎指正^_^。

1.创建 XMLHttpRequest 对象

现在的浏览器有很多种,创建 XMLHttpRequest 的方法也不相同,所以为了兼容各种浏览器,在创建 XMLHttpRequest 时也应该考虑到各种浏览器的情况。目前主流的浏览器在Windows下有IE、Firefox及Opera,所以我们写的代码要尽量兼容这几个浏览器。在参考了一些资料后,我用下面的方法来创建 XMLHttpRequest 对象:

查看更多...

分类:HTML/CSS | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 3715

自定义标签属性

HTML不像XML可以自定义标签,它所使用的标签都是顶先定义好了的,今天突然想起来以前使用过的一个表单验证类Validator,作者在里边自定义了一些标签的属性,想起来满有趣的,就做了个实验:

HTML代码


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

查看更多...

分类:HTML/CSS | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 5019

让页面内容水平居中

以前在做前台页面时,为了让页面内容水平居中,通常使用的方法是将上中下三块内容分别置于三个表格中,并设置这三个表格的align属性为center,今天通过CSS也达到了同样的效果,就不需再一个个表格去设置了:

<style type="text/css">
body {text-align: center;}
table {text-align: left;}

查看更多...

分类:HTML/CSS | 固定链接 | 评论: 2 | 引用: 0 | 查看次数: 4908

说说背景音乐

大家都知道<bgsound src="your.mid" autostart=true loop=n>这条语句是用来给页面添加背景音乐的,这样页面一打开就有音乐了,但是它只对当前页面是有效的,也就是说,如果在其他页面中也听到音乐音乐,就必须在其他页面也加同样的语句,但是这有一个问题,当从一个页面点击打开另一个页面时,背景音乐并会重新开始播放,这显然不是我们要的效果,解决的办法是利用框架:将页面分为上下两个框架,在底下框架的页面中放置背景音乐,并将其高度设置为0,这样一来点击各个页面时都能保证音乐连续播放,二来感觉不到框架的存在。但是还有一个问题,就是当页面被最小化后,背景音乐并会停止播放,解决的办法是将背景音乐导入到Flash中,并将这个Flash放于底下框架就就可以了。

查看更多...

分类:HTML/CSS | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 4604

HTML Component(HTC)

     在微软IE 5.0版本的浏览器发布以前,网页编程中面对的最大挑战就是不能轻易地创建组件,以达到代码重用和多页面共享的目的。这个问题一直困扰着DHTML(动态 HTML)的网页编程者。他们只能不断地重复书写HTML、CSS和javascript的代码,以满足多个页面上的重复或相似的功能。自IE 5.0浏览器发布后,这种情况得到了改善,它带给我们一个新的指令组合方法,可把实现特定功能的代码封装在一个组件内,从而实现多页面的代码重用,使网页编程进入一个全新的天地。这个新的技术就是我们要谈到的DHTML中的“行为”(Behaviors)。 

     “行为”作为一个简单易用的组件,它封装了页面上特定的功能或动作。当把一个“行为”附到WEB页面中的一个元件上时,这个元件的原有行为就会有所改变。因此,网页编程者可以开发通用的DHTML指令,并改变原有对象的一些属性,用“行为”来增强一个对象的功能,同时也简化了页面的HTML代码。而且“行为”的创建和使用也非常简单方便,所需的知识也只是原来已经习惯使用的CSS样式表、HTML指令和javascript脚本语言。只要你对此有所了解,有过实际编程的经历,学习并掌握“行为”的使用完全没有问题。我们将以一个改变字体效果的“行为”组件为例来说明如何编写和使用一个“行为”,并体验“行为”给页面编辑带来的优点和方便之处。 

  首先新建一个名为font_effect.htc的文本文件,组成“行为”组件的文件都是以.htc为扩展名,这个文件中的内容就是我们对这个“行为”的描述。它的创建和使用步骤如下: 

查看更多...

分类:HTML/CSS | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 3473

input高级限制级用法

1.取消按钮按下时的虚线框
  在input里添加属性值 hideFocus 或者 HideFocus=true

2.只读文本框内容
在input里添加属性值 readonly

查看更多...

分类:HTML/CSS | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 3684

消除图像工具栏

安装了QQ等软件后,鼠标移到网页上的图片时便会弹出一个工具栏,使用下边的代码可以消除该工具栏:

<head>
<meta http-equiv="imagetoolbar" content="no">
</head>

查看更多...

分类:HTML/CSS | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 4152

如何使表格强制换行

加了word-break:break-all后表格不会被撑大:
HTML代码


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

查看更多...

分类:HTML/CSS | 固定链接 | 评论: 3 | 引用: 0 | 查看次数: 5019

HTML中几个Tag

HTML中几个Tag比较有用,平时大家用得比较少,而且是符合W3C XHTML标准的。

1. Label

Label是用来标记Input元素的提示的。例如:

查看更多...

分类:HTML/CSS | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 4682

细说HTML元素的ID和Name属性的区别

可以说几乎每个做过Web开发的人都问过,到底元素的ID和Name有什么区别阿?为什么有了ID还要有Name呢?! 而同样我们也可以得到最classical的答案:ID就像是一个人的身份证号码,而Name就像是他的名字,ID显然是唯一的,而Name是可以重复的。

上周我也遇到了ID和Name的问题,在页面里输入了一个input type="hidden",只写了一个ID='SliceInfo',赋值后submit,在后台用Request.Params["SliceInfo"]却怎么也去不到值。后来恍然大悟因该用Name来标示,于是在input里加了个Name='SliceInfo',就一切ok了。

第一段里对于ID和Name的解答说的太笼统了,当然那个解释对于ID来说是完全对的,它就是Client端HTML元素的Identity。而Name其实要复杂的多,因为Name有很多种的用途,所以它并不能完全由ID来代替,从而将其取消掉。具体用途有:

查看更多...

分类:HTML/CSS | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 3835