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

让IE也能用position:fixed

作者:大鹏 发布于:2008-4-17 16:30 Thursday 分类:JavaScript与HTML
标签: javascript css

因为非IE的主流浏览器都支持position:fixed;
所以只需要给IE设置一下fixed效果。
第一步让IE下#menu具有绝对定位
* html #menu {position:absolute;}/*only for ie*/结果看到有两个纵轴滚动条,外围是html的,内侧是body的。

第二步去掉外侧滚动条,因为外侧没有滚动效果

[code]html {overflow-x:auto; overflow-y:hidden;}[/code]

阅读全文>>


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

使用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) 浏览(8639)

代码实现的超漂亮按钮

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

阅读全文>>


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

关于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) 浏览(8335)

CSS hack浏览器兼容一览表

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

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

阅读全文>>


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

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) 浏览(16820)

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) 浏览(19006)

国内外 JavaScript 经典封装

作者:大鹏 发布于:2007-10-18 23:52 Thursday 分类:JavaScript与HTML
标签: javascript css

这些东西都是Java Script大部分都是由老外写的,并且封装得很好,在运用上也很方便,而且也都兼容FF与OPERA,档案中少部分是由中国的高手写的。

一、多样化摺叠菜单:下载

阅读全文>>


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

只能输入数字 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) 浏览(44434)

jQuery——JavaScript冲击波[转]

作者:大鹏 发布于:2007-6-5 10:40 Tuesday 分类:JavaScript与HTML
标签: javascript ajax css

转自:realazy.org
jQuery 1.0已经于美国时间2006年8月26日发布。这是一个好消息,世界上又多了一个超级优秀的JavaScript Framework。

我本身不是JavaScript行家,只懂些编程中最基本的东西,甚至连门都没入。但我却能从jQuery — New Wave JavaScript做很多事情,而我相信,如果使用最原始的JavaScript编写方法,我还得费上至少一年时间来学习,才能达到相同的效果。

阅读全文>>


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

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

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

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

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

阅读全文>>


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

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

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

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

阅读全文>>


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

弹出层时使弹出层的页面不能进行操作的实现(模态窗体)2

作者:大鹏 发布于:2007-4-1 18:16 Sunday 分类:JavaScript与HTML
标签: html javascript ajax css

大家可以根据自己的喜好来设置窗体的风格

阅读全文>>


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

单纯使用CSS实现动态提示信息tips

作者:大鹏 发布于:2007-3-6 9:43 Tuesday 分类:JavaScript与HTML
标签: html css

[b]单纯使用CSS实现动态提示信息
不用js可以实现信息提示效果?!(title和alt除外)
Ie5.5+, Opera7.0, Netscap7.0, Mozilla1.4 都能正常使用[/b]

阅读全文>>


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

利用 CSS + &lt;em&gt;标签 来完成一个三角形的制作

作者:大鹏 发布于:2007-3-6 9:31 Tuesday 分类:JavaScript与HTML
标签: html css

网上看到的,觉得不错,转载来分享一下
可以用来制作导航条之类

阅读全文>>


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

一个很好的loading效果

作者:大鹏 发布于:2007-3-6 9:23 Tuesday 分类:JavaScript与HTML
标签: html javascript css

一个很不错的Loading效果,可以用着页面加载用!
代码如下:

阅读全文>>


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

javascript中的高级特性及特别对象、属性和方法

作者:大鹏 发布于:2006-11-12 14:13 Sunday 分类:JavaScript与HTML
标签: html javascript css

一,编写构造函数
可以使用 new 运算符结合像 Object()、Date() 和 Function() 这样的预定义的构造函数来创建对象并对其初始化。面向对象的编程其强有力的特征是定义自定义构造函数以创建脚本中使用的自定义对象的能力。创建了自定义的构造函数,这样就可以创建具有已定义属性的对象。下面是自定义函数的示例(注意 this 关键字的使用)。

function Circle (xPoint, yPoint, radius) {
   this.x = xPoint;  // 圆心的 x 坐标
   this.y = yPoint;  // 圆心的 y 坐标
   this.r = radius;  // 圆的半径
}

阅读全文>>


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

WINDOW FOR JAVASCRIPT

作者:大鹏 发布于:2006-10-22 21:17 Sunday 分类:JavaScript与HTML
标签: html javascript css

熟练window对象的open、close、alert、confirm、prompt、setTimeout、clearTimeout、setInterval、clearInterval、moveBy、resizeBy、scrollBy方法的使用  
掌握window对象的moveTo、resizeTo、scrollTo、print方法的使用  
熟练掌握window对象的status、location、name、self、opener属性的使用  Window对象是客户端javascript最高层对象之一,只要打开浏览器窗口,不管该窗口中是否有打开的网页,当遇到BODY、FRAMESET或FRAME元素时,都会自动建立window对象的实例。另外,该对象的实例也可由window.open()方法创建。由于window对象是其它大部分对象的共同祖先,在调用window对象的方法和属性时,可以省略window对象的引用。例如:window.document.write()可以简写成: document.write()。  在窗口中觖发本窗口对象的任何方法和属性时可以省去窗口的实例名称。例如给当前的myWin窗口设置status属性时,可以只用status而不用myWin.status。但是,在事件处理中调用location属性、close()方法或open()方法时必须使用实例名称。  

阅读全文>>


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

使用JavaScript来编写动态Html

作者:大鹏 发布于:2006-10-2 0:48 Monday 分类:JavaScript与HTML
标签: html javascript css

  现在我们开始使用JavaScript来编写动态Html,JavaScript是一种脚本语言,使用起来就象是在编写程序一样。实际上,我们只要在Html文件中加入<script language="JavaScript"></script>标志对,便可以在标志对中进行编写了。现在我们将教程二中的例3做一下变换,也能得到同样的效果。请看下边的例子。

例 使用鼠标触发事件和动态样式表改变文本

阅读全文>>


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

javascript实现语法分色编辑器...(同时支持动态读取对象方法) [转]

作者:大鹏 发布于:2006-9-26 0:10 Tuesday 分类:JavaScript与HTML
标签: html javascript css

阅读全文>>


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