木子屋 Dnawo's BLOG

分类:HTML/CSS

共 133 篇

AJAX打造博客无刷新搜索

现在博客很流行,相信应该上网时间稍微长点的朋友都会在这或者在那的有一个自己的博客。对于一些有一定能力的朋友,可能更喜欢自己去下载一个博客程序来架设一个自己的博客,而不是使用一些博客网站提供的服务。而大部分博客程序所带的搜索功能是提交查询关键字到搜索页面,然后在后台生成搜索结果,再呈现给用户,这过程之中浪费了一些带宽,如博客的侧边栏。要节约这一些带宽,我们可以用AJAX来打造自己的无刷新日志搜索。 在本篇教程中,数据库的表名和日志查看页面以L-Blog为例,因为我的博客程序是从L-Blog修改而来。 本教程中的例子已经通过实际测试,可以直接在L-Blog或FBS中使用。当然,要真正应用的话还是需要做一些美化及完善的。…

AJAX初体验之上手篇

AJAX是这两年蛮热的东西,我也凑凑热闹,前些天去找了些教程学学,下面就按整个处理过程把自己学的东西写写,不过,因为是初学,所以有错误就请见谅啦,欢迎指正^_^。 1.创建 XMLHttpRequest 对象 现在的浏览器有很多种,创建 XMLHttpRequest 的方法也不相同,所以为了兼容各种浏览器,在创建 XMLHttpRequest 时也应该考虑到各种浏览器的情况。目前主流的浏览器在Windows下有IE、Firefox及Opera,所以我们写的代码要尽量兼容这几个浏览器。在参考了一些资料后,我用下面的方法来创建 XMLHttpRequest 对象: 2.使用 XMLHttpRequest 来获取 XML 文档…

自定义标签属性

HTML不像XML可以自定义标签,它所使用的标签都是顶先定义好了的,今天突然想起来以前使用过的一个表单验证类Validator,作者在里边自定义了一些标签的属性,想起来满有趣的,就做了个实验: 实践证明自定义的标签属性是可行的,脚本能获取其属性值,这在某些场合这是非常有用的,就像Validator验证类里头。

让页面内容水平居中

以前在做前台页面时,为了让页面内容水平居中,通常使用的方法是将上中下三块内容分别置于三个表格中,并设置这三个表格的align属性为center,今天通过CSS也达到了同样的效果,就不需再一个个表格去设置了: 说明:body {text-align: center;} 的作用是使页面内所有内容水平居中,这样表格的内容也会受影响变成水平居中,因而再加一句table {text-align: left;} 而表格内的内容为水平居左,即默认的水平对齐方式。 如有朋友知道如何用CSS设置直接使表格水平居中欢迎留言参加评论。

说说背景音乐

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

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为扩展名,这个文件中的内容就是我们对这个“行为”的描述。它的创建和使用步骤如下:…

input高级限制级用法

1.取消按钮按下时的虚线框   在input里添加属性值 hideFocus 或者 HideFocus=true 2.只读文本框内容 在input里添加属性值 readonly 3.防止退后清空的TEXT文档(可把style内容做做为类引用)    4.ENTER键可以让光标移到下一个输入框    5.只能为中文(有闪动)    6.只能为数字(有闪动)    7.只能为数字(无闪动)    8.只能输入英文和数字(有闪动)    9.屏蔽输入法    10. 只能输入 数字,小数点,减号(-) 字符(无闪动)    11. 只能输入两位小数,三位小数(有闪动)   

消除图像工具栏

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

HTML中几个Tag

HTML中几个Tag比较有用,平时大家用得比较少,而且是符合W3C XHTML标准的。 1. Label Label是用来标记Input元素的提示的。例如: Name Label的“For”属性要和Input元素的ID相一致。 好处:点击提示文字,就自动Focus对应的输入元素。对于Radio,Checkbox这类点击区域特别小的控件特别有用: 注意:如果For和ID不匹配,点击文字是没有用的。 2. FieldSet & Legend FieldSet用来明确把一组Input控件归成一组(相当于VB/VC里面的Group控件),而Legend则是组的标题(相当于Group控件的标题)。 例如:…