10种JavaScript特效实例让你的网站更吸引人
今天的话题是如何改进自己网站的界面或提高网站的视觉体验，从而让用户记忆犹新。
我们有三种主要的方法(从难到易):自己动手写脚本;使用类似于jQuery和mooTools的JavaScript框架(可以让编写代码变
得更容易些);使用能工作于现有的JavaScript框架下的提前预置好的脚本或那种从头开始开发的创建者。这篇文章适合那些打算提高工作效率或不愿意
从头开发脚本的人阅读。
这里收集了10种强大
的且容易上手
的JavaScript特效来改进您
的网页站界面，从而得到更多的用户体验。这10种javaScript特效回味你的网站带来意想不到的视觉盛宴，而且安装和使用都比较容易。
您还可以参考以下
JavaScript/Ajax相关教程及资源:
《10个非常棒的
Ajax及Javascript实例资源网站
》
《12种
Javascript解决常见浏览器兼容问题的方法
》
《300+Jquery,
CSS, MooTools 和 JS的导航菜单资源
》
1.GreyBox
GreyBox
允许你以模
式窗口
的形式运行其它网站(类似于弹出式窗口，但又不运行新的浏览器窗口).如果你的网站上有一些其他网站的导出链接，但你又不想让你的用户离开
你的网站或不想让他们打开另一个浏览器窗口的话，这真的是一个很好的解决方案。使用GreyBox 非常简单。
这里是关于GreyBox的关键页面:下载页面
, 说明页面
, 实例
, 安装
,和 高级用法
(如果你是
JavaScript高手，看完这个页面中的一些技巧说明，你就能扩展它的函数库了)
2.instant.js
instant.js
特效会为你的照片动态添加类似偏振(Polaroid-like)的效果(将照片倾斜并添加阴影和边
框)。现在我们可以使用这个照片特效模拟Photoshop的数码照片处理了。
这个脚本技术可以用于在你的网站上有很多照片，但又不想一个个手动处理的情况。（也许你会使用批量处理，但那只是建立于单一的动作下的，如调整
尺寸、裁剪等…）
3.mooTable
mooTable允许你为表格中的数据进行排序(不用刷新页面)，利用DOM替代数据库的请求的新式排序方法。使用简单，仅需轻微的配置即可。
这个脚本库需要mooTools框架的支持，你可以在这里下载
。你还可以在论坛中的mootools板块
寻
找一些创建mooTable的方法，会有很多mootools开发者的反馈。
4.FancyForm
FancyForm
可以取代单调乏味的表单控件如单选按钮和复选框。基本的使用仅需两步:(1)在页面中调用
JavaScript文件 (2)为你的表单控件指定类名，如复选框指定clas
相关文档：
本文将介绍几个常用的JavaScript验证正则表达式，这些资料希望对大家在实际编程过程中起到帮助作用。
匹配中文字符的正则表达式： [u4e00-u9fa5]
评注：匹配中文还真是个头疼的事，有了这个表达式就好办了
匹配双字节字符(包括汉字在内)：[^x00-xff]
评注：可以用来计算字符串的长度（一个双字节字符长度计2，ASCII字符 ......
本文简要介绍JavaScript中confirm,alert,prompt的用法,希望大家学习过程中能得到一些启发。
window.confirm 参数就只有一个。显示提示框的信息。按确定,返回true；按取消返回false。
< SCRIPT> var bln = window.confirm("确定吗?"); alert(bln) < /SCRIPT> window.alert参数，只有一个，显示 ......
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>FLYSO Blog-- JS代码实现的自动分页效果~!</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT=""& ......
实现卡页式web的js：
function ShowContent(id,num){
for(i=1;i<=num;i++){
document.getElementById("page_"+i).className="";
document.getElementById("content_"+i).style.display="none";
}
document.getElementById("content_"+id).style.display="block";
......
<html>
<body>
<script type="text/javascript">
var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
var arr2 = new Array(3)
arr2[0] = "James"
arr2[1] = "Adrew"
arr2[2] = "Martin"
document.write(arr.concat(arr2))
</script>
</body>
</ ......
