静坐常思己过,闲谈莫论人非,能受苦乃为志士,肯吃亏不是痴人,敬君子方显有德,怕小人不算无能,退一步天高地阔,让三分心平气和,欲进步需思退步,若着手先虑放手,如得意不宜重往,凡做事应有余步。持黄金为珍贵,知安乐方值千金,事临头三思为妙,怒上心忍让最高。切勿贪意外之财,知足者人心常乐。若能以此去处事,一生安乐任逍遥。

禁止用户手动输入input[type="file"]的文件路径

作者:大鹏 发布于:2009-6-10 15:39 Wednesday 分类:JavaScript与HTML
标签: html

禁止用户手动输入input[type="file"]的文件路径,最简单的方式是

[code]<input type="file" ContentEditable="false" />[/code]


评论(0) 引用(0) 浏览(7106)

使用jquery给input和textarea设定ie中的focus

作者:大鹏 发布于:2008-1-10 9:50 Thursday 分类:JavaScript与HTML
标签: html javascript css

      在浏览网站的过程中,我们经常可以看见当鼠标点击后样式改变的文本框和文本域,那么这种效果是如何实现的呢?
今天在做我们的表单提交部分的时候,遇到了这个问题,于是,用传说中的jquery就可以解决了.
这里主要说的是在IE下的focus的问题,因为在firefox中是支持

[code]input:focus

textarea:focus[/code]

阅读全文>>


评论(0) 引用(0) 浏览(8671)

代码实现的超漂亮按钮

作者:大鹏 发布于:2007-11-1 12:53 Thursday 分类:JavaScript与HTML
标签: html css

阅读全文>>


评论(0) 引用(0) 浏览(7392)

关于IE、Firefox、Opera页面呈现异同

作者:大鹏 发布于:2007-10-24 10:54 Wednesday 分类:JavaScript与HTML
标签: html javascript css

1.document.formName.item("itemName") 问题
说明:IE下,可以使用document.formName.item("itemName")或document.formName.elements["elementName"];Firefox下,只能使用document.formName.elements["elementName"].
解决方法:统一使用document.formName.elements["elementName"].

2.集合类对象问题
说明:IE下,可以使用()或[]获取集合类对象;Firefox下,只能使用[]获取集合类对象.
解决方法:统一使用[]获取集合类对象.

阅读全文>>


评论(0) 引用(0) 浏览(8376)

CSS hack浏览器兼容一览表

作者:大鹏 发布于:2007-10-23 21:48 Tuesday 分类:JavaScript与HTML
标签: html css

CSS hack是指我们为了兼容各浏览器,而使用的特别的css定义技巧。这是国外摘来的一张CSS hack列表,显示了各浏览器对css hack的支持程度,对我们制作兼容网页非常有帮助。

阅读全文>>


评论(0) 引用(0) 浏览(7698)

CSS Hack汇总快查

作者:大鹏 发布于:2007-10-23 21:43 Tuesday 分类:JavaScript与HTML
标签: html css

屏蔽IE浏览器(也就是IE下不显示)
[code]*:lang(zh) select {font:12px  !important;} /*FF的专用*/
select:empty {font:12px  !important;} /*safari可见*/
这里select是选择符,根据情况更换。第二句是MAC上safari浏览器独有的。[/code]
仅IE7识别
[code]*+html  {…}
当面临需要只针对IE7做样式的时候就可以采用这个HACK。[/code]
IE6及IE6以下识别

阅读全文>>


评论(0) 引用(0) 浏览(16834)

CSS hack:区分IE6,IE7,firefox

作者:大鹏 发布于:2007-10-23 21:35 Tuesday 分类:JavaScript与HTML
标签: html css

区别不同浏览器,CSS hack写法:


区别IE6与FF:
      background:orange;*background:blue;


区别IE6与IE7:
      background:green !important;background:blue;

阅读全文>>


评论(0) 引用(0) 浏览(19051)

只能输入数字 JS

作者:大鹏 发布于:2007-8-24 11:14 Friday 分类:JavaScript与HTML
标签: html javascript css


[code]onkeypress="return event.keyCode>=48&&event.keyCode<=57||event.keyCode==46"
  onpaste="return !clipboardData.getData('text').match(/\D/)"
  ondragenter="return false"
  style="ime-mode:Disabled"[/code]


评论(0) 引用(0) 浏览(44478)

一个比较容易修改外观的日历

作者:大鹏 发布于:2007-7-18 15:07 Wednesday 分类:JavaScript与HTML
标签: 免费资源 html javascript 收藏

demo.htm
[codes=html]
<script language="JavaScript" src="calendar.js"></script>
<input id="date1" onclick="javascript:event.cancelBubble=true;showCalendar('date1',false,'date1','sImg2','date2','','','','','','text','')" type="text" maxLength="10" name="date1">
<br>
<input type="text" id="date2" name="date2" value=""><a href="javascript:showCalendar('sImg2',false,'date2','sImg3','date3');"><img src="" id="sImg2" name="sImg2" border=0/></a>
<br>
<input type="text" id="date3" name="date3" value=""><a href="javascript:showCalendar('sImg3',true,'date3');"><img src="" id="sImg3" name="sImg3" border=0/></a>
[/codes]

阅读全文>>


评论(1) 引用(0) 浏览(8590)

无限级目录分类在下拉列表中的实现

作者:大鹏 发布于:2007-7-12 14:16 Thursday 分类:PHP&MySql
标签: html php 数据库 .net c#

最近在做一个网站需要一个无限级下拉列表的无限级分级功能,于是就有了下面的小作品。
   开始以为无限级下拉列表功能应该很简单,无非就是用一个递归算法就好啦,但是在做起来的时候却会遇到一些比较模糊的东西。在网上找了很久也没有找到例子,没办法了,想偷懒也偷不成了,还是自己老老实实的写一个吧。不多废话,下面请看我做的详细方法。

阅读全文>>


评论(3) 引用(0) 浏览(8278)

无限级目录分类的PHP实现

作者:大鹏 发布于:2007-7-11 14:37 Wednesday 分类:PHP&MySql
标签: html javascript 数据结构 算法 php 数据库

     以前在java的Struts项目中做过的无限级目录分类树, 现在将它应用到PHP中来来了, 呵呵!方法很简单就是用递归的方法将数据库中的所有树结点给调出来, 确定一个根结点就行了。我一般的将根结点的ID定为-1。下面的DTree.class.php定义了两个类,TreeInfo这个类定义了树的一些基本属性,DTree类主要是调用数据库将数据调出的信息附到TreeInfo对象中去。

阅读全文>>


评论(1) 引用(0) 浏览(9404)

dl dt dd标签的使用

作者:大鹏 发布于:2007-7-10 17:41 Tuesday 分类:JavaScript与HTML
标签: html

含义解释:
dl 定义列表
dt 用于生成定义列表中各列表项的标题,重复使用可以定义多个列表项的标题。
dd 用于生成定义列表各列表项的说明文字段,重复使用可以定义多个说明文字段。

代码事例:

阅读全文>>


评论(1) 引用(0) 浏览(7595)

Ajax中的前进、后退功能

作者:大鹏 发布于:2007-5-10 11:18 Thursday 分类:JavaScript与HTML
标签: html javascript ajax

    这些代码是在ajax中模仿浏览器中的前进后退按扭的效果,并没有真正的对浏览器的前进后退按扭控制。
imitateHistory.js

阅读全文>>


评论(11) 引用(0) 浏览(12075)

[转]采用DIV+CSS布局的好处

作者:大鹏 发布于:2007-5-7 11:16 Monday 分类:JavaScript与HTML
标签: html css

1、用表格排版是不明智的?
表格之所以存在于 HTML 中,只是为了一个目的:显示表格状的数据。然而此后的 border="0" 使得设计师可以将图片和文本放在这无形的网格中。迄今为止,表格仍然主导着视觉丰富的网站的设计方式,但它却阻碍了一种更好的、更有亲和力的、更灵活的,而且功能更强大的网站设计方法。
2、概览:这对我有什么用处?

我们将告诉你这样一种工作方式,它会:

阅读全文>>


评论(0) 引用(0) 浏览(6727)

今天又学到一个新标签&lt;legend&gt;

作者:大鹏 发布于:2007-4-30 18:49 Monday 分类:JavaScript与HTML
标签: html

这个html标签今天才发现,没想到html还有这种简单方法来实现这样漂亮的效果!
[code]<legend> </legend>[/code]
[code]<fieldset>
<legend>Health information:</legend>
Height <input type="text" size="3" />
Weight <input type="text" size="3" />
</fieldset>[/code]
效果如下:

Health information:
Height
Weight


评论(0) 引用(0) 浏览(8011)

[转]编写jQuery插件来扩展checkbox

作者:大鹏 发布于:2007-4-30 14:09 Monday 分类:JavaScript与HTML
标签: html javascript ajax

本文主要实现两个功能,第一使用图片代替html checkbox一成不变的样式并可以使用checkbox的正常功能,其次是前者的基础之上实现checkbox的全选,全不选和反选.同时也捎带介绍了jQuery最基本的插件写法.
jQuery插件的编写可以通过jQuery.fn.extend方法来实现

阅读全文>>


评论(1) 引用(0) 浏览(8655)

createTextRange的text和htmltext的用法

作者:大鹏 发布于:2007-4-23 14:50 Monday 分类:JavaScript与HTML
标签: html javascript

collapse([bStart])
移动Range的插入点
bStart true(移到开头) false(移到末尾)

findText(sText [, iSearchScope] [, iFlags])
在Range中查找sText
iSearchScope 开始位置,负数方向搜索
iFlags 2(整词匹配) 4(区别大小写)

moveStart(sUnit [, iCount])
moveEnd(sUnit [, iCount])
移动Range的开头或结尾
sUnit character(字) word(词) sentence(句) textedit(Range)
iCount 移动数量,默认为1

阅读全文>>


评论(1) 引用(0) 浏览(9457)

让网页中的文字像古诗一样竖排显示

作者:大鹏 发布于:2007-4-20 9:01 Friday 分类:JavaScript与HTML
标签: html javascript css

古诗大家都看过吧~有时为了突出一点效果,设计师喜欢将文字的版面改变一下,其中竖排显示的文字还是很有用的,其中主要牵扯到的是CSS的两个文字属性~分别是layout-flow和writing-mode,而vertical-align也是针对垂直显示文字的一种属性,
自己看一下,以后用到的时候就不愁了哦!

阅读全文>>


评论(0) 引用(0) 浏览(7284)

两个非常好玩的javascript代码

作者:大鹏 发布于:2007-4-11 0:02 Wednesday 分类:JavaScript与HTML
标签: html javascript

先打开一个网页,然后在址栏贴上
下面的代码,回车哈哈,所有图片都显示出来了!!

[code]javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.images; DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=Math.sin(R*x1+i*x2+x3)*x4+x5; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5}R++}setInterval('A()',5); void(0);[/code]

所有图片都跑起来转圈了!!
[code]javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.images; DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=Math.sin(R*x1+i*x2+x3)*x4+x5; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5}R++}setInterval('A()',5); void(0);[/code]


评论(0) 引用(0) 浏览(6609)

javascript 控制网页字体大小

作者:大鹏 发布于:2007-4-10 14:26 Tuesday 分类:JavaScript与HTML
标签: html javascript

最近由于要做实现一个控制页面字体大小的功能,所以在一个外国网站上找到了一个控制的javascript代码,其中修改了一些部分,使之可以对面页中的某一html标签中的一些指定标签进行遍历,实现字体大小的真正控制!
使用方法:
1. adjustFontsize('body','smaller');//对 body标签下的tgs逐个进行遍历。
2. adjustFontsize('content','larger');//对ID为"content"的标签下的tgs逐个进行遍历。

阅读全文>>


评论(0) 引用(0) 浏览(164678)