- 浏览: 86530 次
- 性别:
- 来自: 北京
最新评论
文章列表
鼠标滚轮事件
if (window.addEventListener)
this.oc.addEventListener('DOMMouseScroll', function(e) {
this.parent.scroll(-e.detail);
}, false);
else this.oc.onmousewheel = function () {
this.parent.scroll(event.wheelDelta);
}
----------------------------
DoMMouseScroll与onmousewheel
在某个元素上滑动 ...
- 2009-07-04 17:48
- 浏览 1170
- 评论(0)
position的属性值的效果,直接受其容器样式中position属性值影响
relative(相对)以及absolute(绝对)。
往往我们如果是COPY别人的代码,会把absolute属性与left、top配合起来制作相关的“悬浮层”效果。然而有时候我们需要针对某一个容器的悬浮效果,而不是针对窗口的。这时候通过高度、宽度的计算不但麻烦,而且几乎无法完美实现效果。我一开始也无能为力,后来发现只要把其上一级的样式属性 position设置为relative就可以了。
也就是说,position的属性值的效果,直接受其容器样式中position属性值影响。
例如如下A-B的嵌套结构
<div ...
- 2009-07-04 17:20
- 浏览 1006
- 评论(0)
在本例中,用户无法在输入框中键入数字:
<html>
<body>
<script type="text/javascript">
function noNumbers(e)
{
var keynum
var keychar
var numcheck
if(window.event) // IE
{
keynum = e.keyCode
}
else if(e.which) // Netscape/Firefox/Opera
{
keynum = e.which
}
keychar = String.fromCh ...
- 2009-07-04 17:04
- 浏览 769
- 评论(0)
网上有说ie不认‘!important’的,大错特错了。”看来自己也是这么错误地过来了。难怪今天改css的时候,我只想针对firefox来做一个padding-bottom,就写了个.class{padding- bottom:6px !important;}可是却没有效果呢。看来网上也不能全信啊。
原来css在同一个大括号内是让firefox优先认领,也就是说只有在同一括号内定下两个样式的时候ie不得不忽略掉它,而不是像网上大多介绍的那样直接忽略。其实!important还有保护的作用,在任何需要保护的属性后面插入它可以避免被基于特性的属性覆盖。例如:#nav a{color:red;} a ...
- 2009-07-04 16:52
- 浏览 1692
- 评论(0)
图片放在链接里的话,会有边框,可用border=0去除,点击图片超链接的时候,会有虚框,可以用onfocus = “this.blur()”删除虚框
<body>
<input type="text" onkeypress="javascript: event.returnValue = jus();"/>fdsadsadsa
<a href="http://www.baidu.com" onfocus="this.blur();"><img src = "htt ...
- 2009-07-04 16:41
- 浏览 778
- 评论(0)
最近在学习ExtJS,发现其服务器端是php,这一点对我们搞java的有点不厚道啊。昨天学习了ExtJS的树,并做了一棵异步更新的树出来,后台的业务逻辑及持久层使用JPA+Spring2.5实现,发下面把步骤贴出来与大家分享。
首先准备树的域模型,下面是一地区的域模型对象, Region.java 的代码如下:
@Entity
public class Region {
@Id
@GeneratedValue(strategy = GenerationType.TABLE)
private Long id;
@Field ...
- 2009-05-15 15:12
- 浏览 3280
- 评论(0)
不知不觉2008已经走到了尽头,在这近一年中,一直不断的尝试用ExtJS做项目,从1.1到现在的2.2,吃了不少苦头,也有不少收获,总结一下,一起分享!
1. ExtJS的定位是RIA,和Prototype、jQuery等类库的定位不同。使用ExtJS做开发,就 ...
- 2009-05-06 16:46
- 浏览 1742
- 评论(0)
在Web开发中,对HTMLDom进行查询是必不可少的,ExtJS提供了高性能的查询功能,支持CSS3选择器(Selector)查询和基本的XPath查询。(ExtJS的查询对Xml和Html均成立)
看下面的HTML代码
<div id="myDiv">
<input type="checkbox" value="1" />
<input type="checkbox" value="2" />
<input type=" ...
- 2009-05-06 16:31
- 浏览 1832
- 评论(0)
在项目中使用ExtJS已经有一段时间了, 对于这个庞大的Script类库有了一定的了解, 在Ext的使用上也有了一定的经验,现将这些经验做一下总结, 作为一个入门材料给大家分享。 对于Ext库, 不要被它的庞大所吓倒, 只要静下心来看SDK, 多做一些练习,还是很容易上手的。
ExtJS 中的类与继承
在Ext下, 定义一个JavaScript类似乎没有什么特别的, 可以直接声明一个构造函数, 并使用关键字new来进行初始化。 有一点值得注意的是在Ext中频繁出现的Singleton类, 普遍定义为:
image_thumb6
然后就可以直接调用Foo的方法了, 其实这段代码可以理解 ...
- 2009-05-06 16:27
- 浏览 1043
- 评论(0)
事件是指一个特定的动作,这个动作可以针对HTML元素的,如keydown,keyup,mouseover, mouseout等,也可以是对于其它自定义的动作,如对Ajax异步请求的响应等。在ExtJS中,该如何处理呢?
1. 处理HTML元素的标准事件
HTML元素的标准事件是指mouseover、mousedown、click、blur、focus、change等能够直接对HTML元素发生的事件。在ExtJS中,这些事件的处理可以用如下的代码:
* 注册一个事件处理函数使用: Ext.get('myElement').on('click', myHandler, myScope ...
- 2009-05-06 16:14
- 浏览 2370
- 评论(0)