易截截图软件、单文件、免安装、纯绿色、仅160KB

10种JavaScript特效实例让你的网站更吸引人

    今天的话题是如何改进自己网站的界面或提高网站的视觉体验,从而让用户记忆犹新。
    我们有三种主要的方法(从难到易):自己动手写脚本;使用类似于jQuery和mooTools的JavaScript框架(可以让编写代码变得更容易些);使用能工作于现有的JavaScript框架下的提前预置好的脚本或那种从头开始开发的创建者。这篇文章适合那些打算提高工作效率或不愿意从头开发脚本的人阅读。
    这里收集了10种强大
的且容易上手
的JavaScript特效来改进您的网页站界面,从而得到更多的用户体验。这10种javaScript特效回味你的网站带来意想不到的视觉盛宴,而且安装和使用都比较容易。
您还可以参考以下JavaScript/Ajax相关教程及资源: 
《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)为你的表单控件指定类名,如复选框指定class=”checked” 或 class=”unchecked”,单选框


相关文档:

JavaScript 语法集锦


JavaScript 语法集锦 
click()    对象.click()    使对象被点击。 
closed   对象.closed    对象窗口是否已关闭 true/false 
clearTimeout(对象)  清除已设置的setTimeout对象 
clearInterval(对象)  清除已设置的setInterval对象 
confir ......

vbscript实现javascript “this” 的功能

其实就是用me来代替this,不多说,看代码:
=============================
代码1:
<html>
<head>
<title>无标题文档</title>
</head>
<body>
<input id="testit" type=button value="测试" onclick="vbscript:me.value='完成'">
<input id="testit" type=button v ......

JavaScript 简单理解Ajax异步调用操作

JavaScript 简单理解Ajax异步调用操作的文章。
文章地址:http://www.soaspx.com/dotnet/ajax/javascript/javascript_20090915_349.html
这篇文章是理解Ajax技术的简单例程,挺简明扼要,很容易理解。
Ajax提供与服务器异步通信的能力,借助于Ajax,可以在用户单击按钮时,使用JavaScript和 DHTML立即更新UI,并向服务器 ......

One Javascript Demo


<div id="a1" style=" position:absolute; z-index:2;"></div>
      <table width="200" border="0" cellpadding="0" cellspacing="0">
    <tr>
     <td><img src="白羊.jpg" alt="hi.baidu.com/liwya" onmousemove ......

Javascript调用WebService

WebService文件:
  [WebMethod]
public int DoMulti(int num1,int num2)
{
int result;
result = num1 * num2;
return result;
}
ASPX文件:
<%@ Page language="c#" Codebehind="Javascript.aspx.cs" AutoEventWireup="false" Inherits=" ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号