JavaScript

摘要:

posted @ 2008-12-18 16:46 小角色阅读(53) | 评论 (0) 编辑

摘要: 我几乎半年没写博客了，哈哈先来个问候语。可能有些人早就知道，canvas 这个元素，这个是在 w3c HTML5.0 方案确定的元素，可惜的是 IE 不支持这个元素，火狐在很早的版本就支持了这个元素，下面是一些浏览器支持 canvas 元素预览图。 Firefox Safari Opera ExplorerCanvas 2.0 ○ 2.0 ○ 9.2 ○ 0002 △ 3.0 ○ 3.0 ○ 9.5 ○ ExplorerCanvas 是 Google 公司推出的一个专门让IE支持 canvas 元素的扩展类，即 excanvas.js，最新版本是 0002版本为什么是三角呢，因为只提供部分属性方法支持。 --------------------------------------------------------------------------------------------------------- 不可否认的javascript的先天缺点：可怜的javascrip阅读全文

posted @ 2008-12-09 14:10 小角色阅读(112) | 评论 (0) 编辑

JavaScript 拖拉缩放效果

摘要: 拖拉缩放效果，实现通过鼠标拖动来调整层的面积（宽高）大小。例如选框效果。这里的拖拉缩放比一般的选框复杂一点，能设置八个方位（方向）的固定触发点，能设置最小范围，最大范围和比例缩放。跟拖放效果一样，程序的原型也是在做图片切割效果的时候做出来的。但这个效果的参考少的多，基本上靠自己摸索，走了不少弯路，现在总算把自己想要的效果做出来了，程序跟上一个版本比较也已经“面目全非”，还是觉得有很多需要改进的地方，就像永远没有最完美的土耳其地毯。这里也有一个简化版的SimpleResize，方便学习。效果预览程序说明其中用到的鼠标捕获、清除选择等，在拖放效果中有说明的这里就略过。下面以SimpleResize为例说一下基本原理。【程序原理】程序需要用Set来添加触发对象（就是用来拖拉的对象，详细看使用说明），主要是设置mousedown事件来触发Start程序开始缩放。 Start程序主要用来设置缩放程序_fun和缩放需要的参数，最后设置mousemove事件触发Resize程序进行缩放，mouseup事件中执行取消阅读全文

posted @ 2008-12-03 18:01 小角色阅读(72) | 评论 (0) 编辑

JavaScript 图片切换展示效果

摘要: 看到alibaba的一个图片切换效果，感觉不错，想拿来用用。但代码一大堆的，看着昏，还是自己来吧。

由于有了做JavaScript 图片滑动展示效果的经验，做这个就容易得多了。

先看看效果：

根据alibaba做的效果：
1 2 3 alibaba的按钮有一个延迟的功能，应该加个定时器，但这个不是重点就省了吧。

扩展成能左右切换：
1 2 3
其他扩展功能：

切换速度：

停顿时间：

程序说明：
首先需要一个容器，设置它的overflow为hidden，position为relative；
容器里面还要一个滑动对象，设置它的position为absolute；
在initialize()函数里初始化一些属性。

在切换之前先执行Start()函数，进行相关设置，
主要是设置Index属性(阅读全文

posted @ 2008-07-07 19:29 小角色阅读(235) | 评论 (0) 编辑

window.location.search.substr(1).split(\"&\")代表什么意思

摘要: window.location
window的location对象

search
得到的是url中query部分

substr()
返回一个从指定位置开始的指定长度的子字符串
这里设置为1，是为了把url中的?号去掉

split()
将一个字符串分割为子字符串，然后将结果作为字符串数组返回
这里就是把query部分以&为分割符，分割

测试：把下面代码保存为1.htm
注意是1.htm

测试阅读全文

posted @ 2008-05-31 12:02 小角色阅读(546) | 评论 (0) 编辑

客户端判断上传文件的大小

摘要:

客户端控制上传图像大小示例

以下是一个客户端控制file上传图像大小的一个示例，由于是客户端限制，所以用户可以绕过这个限制。

照片（请选择一个50K以内的图片文件）：阅读全文

posted @ 2008-04-12 11:37 小角色阅读(564) | 评论 (1) 编辑

正则表达式验证

摘要: //校验邮政编码
function isPostalCode(s)
{
var patrn=/^[1-9]{1}(\d){5}$/;
if (!patrn.exec(s)) return false
return true
}

//校验搜索关键字
function isSearch(s)
{
var patrn=/^[^`~!@#$%^&*()+=|\\\[\]\{\}:;\'\,.<>/? ]{1}[^`~!@$%^&()+=|\\\[\]\{\}:;\'\,.<>?]{0,19}$/;
if (!patrn.exec(s)) return false
return true
}

//校验是否为ip地址
function isI阅读全文

posted @ 2008-04-03 10:48 小角色阅读(50) | 评论 (0) 编辑

Js实现加载页面时就让数据全屏滚动

摘要:

阅读全文

posted @ 2008-03-31 17:26 小角色阅读(474) | 评论 (0) 编辑

搜索

最新随笔

我的标签

随笔分类

随笔档案(77)

文章分类(483)

最新评论

阅读排行榜

评论排行榜

推荐排行榜