禁止用户手动输入input[type="file"]的文件路径
作者:大鹏 发布于:2009-6-10 15:39 Wednesday
分类:JavaScript与HTML
标签: html
[code]<input type="file" ContentEditable="false" />[/code]
使用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]
代码实现的超漂亮按钮
作者:大鹏 发布于:2007-11-1 12:53 Thursday
分类:JavaScript与HTML
标签: html css
关于IE、Firefox、Opera页面呈现异同
作者:大鹏 发布于:2007-10-24 10:54 Wednesday
分类:JavaScript与HTML
标签: html javascript css
说明:IE下,可以使用document.formName.item("itemName")或document.formName.elements["elementName"];Firefox下,只能使用document.formName.elements["elementName"].
解决方法:统一使用document.formName.elements["elementName"].
2.集合类对象问题
说明:IE下,可以使用()或[]获取集合类对象;Firefox下,只能使用[]获取集合类对象.
解决方法:统一使用[]获取集合类对象.
CSS hack浏览器兼容一览表
作者:大鹏 发布于:2007-10-23 21:48 Tuesday
分类:JavaScript与HTML
标签: html css
CSS Hack汇总快查
作者:大鹏 发布于:2007-10-23 21:43 Tuesday
分类:JavaScript与HTML
标签: html css
[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以下识别
CSS hack:区分IE6,IE7,firefox
作者:大鹏 发布于:2007-10-23 21:35 Tuesday
分类:JavaScript与HTML
标签: html css
区别IE6与FF:
background:orange;*background:blue;
区别IE6与IE7:
background:green !important;background:blue;
只能输入数字 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]
一个比较容易修改外观的日历
作者:大鹏 发布于:2007-7-18 15:07 Wednesday
分类:JavaScript与HTML
标签: 免费资源 html javascript 收藏
[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]
无限级目录分类在下拉列表中的实现
作者:大鹏 发布于:2007-7-12 14:16 Thursday
分类:PHP&MySql
标签: html php 数据库 .net c#
开始以为无限级下拉列表功能应该很简单,无非就是用一个递归算法就好啦,但是在做起来的时候却会遇到一些比较模糊的东西。在网上找了很久也没有找到例子,没办法了,想偷懒也偷不成了,还是自己老老实实的写一个吧。不多废话,下面请看我做的详细方法。
无限级目录分类的PHP实现
作者:大鹏 发布于:2007-7-11 14:37 Wednesday
分类:PHP&MySql
标签: html javascript 数据结构 算法 php 数据库
dl dt dd标签的使用
作者:大鹏 发布于:2007-7-10 17:41 Tuesday
分类:JavaScript与HTML
标签: html
dl 定义列表
dt 用于生成定义列表中各列表项的标题,重复使用可以定义多个列表项的标题。
dd 用于生成定义列表各列表项的说明文字段,重复使用可以定义多个说明文字段。
代码事例:
Ajax中的前进、后退功能
作者:大鹏 发布于:2007-5-10 11:18 Thursday
分类:JavaScript与HTML
标签: html javascript ajax
imitateHistory.js
[转]采用DIV+CSS布局的好处
作者:大鹏 发布于:2007-5-7 11:16 Monday
分类:JavaScript与HTML
标签: html css
表格之所以存在于 HTML 中,只是为了一个目的:显示表格状的数据。然而此后的 border="0" 使得设计师可以将图片和文本放在这无形的网格中。迄今为止,表格仍然主导着视觉丰富的网站的设计方式,但它却阻碍了一种更好的、更有亲和力的、更灵活的,而且功能更强大的网站设计方法。
2、概览:这对我有什么用处?
我们将告诉你这样一种工作方式,它会:
今天又学到一个新标签<legend>
作者:大鹏 发布于:2007-4-30 18:49 Monday
分类:JavaScript与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]
效果如下:
[转]编写jQuery插件来扩展checkbox
作者:大鹏 发布于:2007-4-30 14:09 Monday
分类:JavaScript与HTML
标签: html javascript ajax
jQuery插件的编写可以通过jQuery.fn.extend方法来实现
createTextRange的text和htmltext的用法
作者:大鹏 发布于:2007-4-23 14:50 Monday
分类:JavaScript与HTML
标签: html javascript
移动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
让网页中的文字像古诗一样竖排显示
作者:大鹏 发布于:2007-4-20 9:01 Friday
分类:JavaScript与HTML
标签: html javascript css
自己看一下,以后用到的时候就不愁了哦!
两个非常好玩的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]
javascript 控制网页字体大小
作者:大鹏 发布于:2007-4-10 14:26 Tuesday
分类:JavaScript与HTML
标签: html javascript
使用方法:
1. adjustFontsize('body','smaller');//对 body标签下的tgs逐个进行遍历。
2. adjustFontsize('content','larger');//对ID为"content"的标签下的tgs逐个进行遍历。