一般来说，我们在写博客或做网站时都需要对插图做一些效果，比如增加阴影、图片圆角、倒映等等。这些效果一般可以用3个方法实现，一是用PS实现对图片进行修改，二是使用CSS，三是使用JavaScript。使用PS会破坏原图，而且要花费一定的时间。Netzgesta上有很多实现图片特效的JavaScript提供下载，很多效果都是相当漂亮的。
1、水倒映
这个js将为图片添加水倒映的特效，时下web2.0站点很喜欢这种效果。
如果你喜欢在线生成水倒映效果，可以参考这里。
2、圆角+阴影
或许你记得用RoundPic能在线生成圆角图片，事实上用这个js也可以实现效果。
3、高光圆角阴影
这个效果可以用来做按钮。是我最喜欢的特效之一。
4、斜光阴影效果
和上面的效果看起来非常相似，但也有不同的地方。
5、相框效果
如果你在做图片博客，可以你会喜欢这个js，使用后博客文章内的图片都有相框的效果。
6、黑色相框
不喜欢白色没有立体感的相框，那试试这个立体感充足的js效果吧。
7、放大镜
一个很有趣的js，实现放大镜效果。记得在去年Google开发者日的时候，某个主讲人也有说到在GMaps里实现放大镜的有趣效果。具体效果点击这里。
8、菲林效果
如果你在写一个电影博客，这个效果或许会让你喜欢。
9、花边效果
很简单的图片花边效果。
10、翻页效果
翻页效果是很常见的，Google一下你会发现有很多相关的教程，如果你不想花时间去学，直接下载这个js吧。
安装使用方法：
将下载的压缩包解压之后上传到网站空间，然后在需要显示效果的head里添加代码，比如高光阴影效果Glossy，添加的代码是：
<script type="text/javascript" src="glossy.js"></script>
对于Wordpress，可以在header.php里添加。如果只要求文章页里出现效果，也可以考虑在single.php里添加。
然后，在想要显示特效的图片的<img>标记里添加：
class="glossy"
这样效果就出现了。
其它效果添加方法类似。
via BlogOhblog。
下载地址（eMule）:http://www.verycd.com/topics/69331/
中文名称：张孝祥IT课堂－JavaScript教学视频录像
地区：大陆
语言：普通话
简介：
张孝祥IT课堂－JavaScript教学视频录像
隆重发行
经过张孝祥老师三个月的潜心制作，《张孝祥IT课堂－JavaScript教学视频录像》终于面世了。新版的《张孝祥IT课堂－JavaScript教学视频录像》 秉承《张孝祥IT课堂－Java教学视频录像（高级篇）》身临其境的手把手教学风格，并且采用了高效数字编码算法和全新的多媒体播放器，图象更清晰、操作更方便，最直观地让学员身临其境地学习和感受编程的乐趣，更能体会张孝祥老师授课的震撼力和穿透力。
光盘的内容:本教程结合大量应用实例，详细地讲解了HTML语言、CSS、JavaScript、DOM对象模型编程、正则表达式，并介绍了网页脚本编程的其它相关技术和知识，例如，VBScript、NetScape控件、ActiveX控件、Java Applet小程序等。本书力求在不减少知识信息量的情况下，能够把书写薄，同时又能把问题说透，让读者能够迅速上手，尽最大可能地扩展读者的知识面，启发读者自我思考和学习的能力，让读者感受到技术学习所带来的快乐。本教程主要面向网站开发人员，也适于普通前端网页设计人员阅读。考虑到适应实际工作中的不仅仅需要编程语言本身，还要有一些计算机相关的周边知识的特点，所以，本教程从原理和细节上着手,让读者对一些专业术语透彻理解，尽最大程度扩展读者的知识面。本教程强调用最短的时间和最浅显易懂的例子说明问题，启发读者思考和自我解决问题的能力，以知识够用为原则，重视学会的本质，能让读者做一些基本的应用开发，碰到新问题时，能自己查阅资料独立解决，就叫学会，没有任何人能掌握一门学科的每个细节。
JavaScript教学视频录像总时间为40小时左右，为了让用户了解到更为精确的信息，本站以后不再使用光盘的张数来作为产品的度量单位，而改用视频教程的时间来度量。
说明：
javascript教程进行了部分加密，加密部分在未注册的计算机上不能播放，用户需要向我们索取注册码后对计算机进行注册，每台计算机的注册码都不一样。 如果计算机的CPU识别信息、硬盘序列号、硬盘分区、内存等这四个内容之一发生了变化，就可能导致软件认为是在另外一台计算机上运行，为此，我们可以为每个用户从购买之日算起的每年都提供三个注册码。 我们每年为用户提供三个注册码，主要是为了方便用户硬件升级或更改后能继续使用，希望大家不要随意替他人索取注册码，以免影响自己使用。
由于加密后的视频具有对计算机资源要求高、启动时间长等缺点，所以，本套视频教程采用了部分视频片段加密、部分视频片段不加密的混合方式发行。
如何理解JavaScript、Java、Jsp、J2ee之间的关系与区别
很多初学习者对JavaScript、Java、Jsp、J2ee之间的关系与区别总是感到很困惑，为了帮助大家快速理解几者之间的关系，我们进行了如下解释说明：
1. JavaScript用于编写嵌入在网页文档中的程序,它由浏览器负责解释和执行，可以在网页上产生动态的显示效果和实现与用户交互的功能，譬如，让一串文字跟着鼠标移动，让一个图标在网页漂浮移动，验证用户输入的信用卡号的格式正确与否，等等特效网页功能。
2. Java则是一种基础性的语言，学习jsp,j2ee都要有java的基础。无论你是想成为诗人，还是小说家，还是散文家，甚至就是当记者，你都要学习语文吧，Java就相当于语文、Jsp、J2ee则相当于小说、散文等。学好了语文，你能否就会有一份好的职业呢？不见得吧，但至少机会要多多了，语文学得越好，就更容易成为小说家，或是记者等等了。要想成为记者、散文家等等，没有语文是怎么都不行的。
3. jsp用于让www服务器产生出内容可以变化的网页文档和对用户提交的表单数据进行处理，例如，显示留言内容，留言内容总是在增加的，所以，传递给用户浏览器的网页文件内容是需要改变的，这就是jsp来实现的。将用户留言插入到数据库中，也是jsp来实现的。
4. j2ee用于开发大型的商业系统，例如，你在各个银行之间的取款，存款，银行之间要互通有无，执行存取款的记录操作，还要进行安全性检查，不能谁都可以来查帐，还要考虑网络断线等问题。使用j2ee，你就不用编写这些底层的细节程序代码了，而将精力集中到应用的业务流程设计上。
<INPUT onfocus="oRng=this.createTextRange();oRng.collapse(true);oRng.moveStart('character',3);oRng.select()" value=abcdefg type=text name=text1>
当焦点移至文本框时光标定位在位置3。
如果要直接定位在文本末尾，把上面的数字 3 改为 this.value.length 即可。
代码：
function check(){
s.disabled = (t1.value == '' || t2.value == '' || t3.value == '')
}
</script>
<input name="t1" onpropertychange="check();">
<input name="t2" onpropertychange="check();">
<input name="t3" onpropertychange="check();">
<input type="submit" name="s" disabled>
效果：
<div style="width: 120px; height: 50px; border: 1px solid blue; text-overflow: ellipsis; overflow: hidden;"> <nobr>就是比如有一行文字，很长，表格内一行显示不下.</nobr> </div>
如何避免别人把你的网页放在框架中 <script>
<!--
if (top.location != self.location) {top.location=self.location;}
//-->
</script>
针对上述屏蔽，有以下解决方法：
<script>
<!--
var location="";
//-->
</script>
连续的英文或者一堆感叹号!!!不会自动换行的问题
只要在CSS中定义了如下句子，可保网页不会再被撑开了
table{table-layout: fixed;}
td{word-break: break-all; word-wrap:break-word;}
注释一下：
1.第一条table{table-layout: fixed;}，此样式可以让表格中有!!!(感叹号)之类的字符时自动换行。
2.td{word-break: break-all}，一般用这句这OK了，但在有些特殊情况下还是会撑开，因此需要再加上后面一句{word-wrap:break-word;}就可以解决。此样式可以让表格中的一些连续的英文单词自动换行。
以“在表中取出现IP次数最多的IP”为例，表数据如下：
ID xIP xTIME
1 1.1.1.1 2007.1.3
2 1.1.1.3 2008.2.3
3 1.1.1.1 2008.2.4
4 1.1.1.1 2007.1.3
如果是查出现IP日次数最多的IP
注 count() 内的字段 需根据 group by 的内容 再研究，没试过。
我们只是对aspx页面进行压缩 ,当然也可以压缩js和css . 但你也想用来对图片也进行压缩的话就错了 ,效果和用winzip压缩图片一样, 只能增大体积.
首先来看看一个实例 aspx页面压缩前和压缩后的页面信息
压缩前
压缩后
可以看到压缩到原来页面大小的27% 效果还是可以的.
看看具体代码
CompressionModule
Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/
-->#region Using
using System;
using System.Web;
using System.IO.Compression;
#endregion
namespace BlogEngine.Core.Web.HttpModules
{
/// <summary>
/// Compresses the output using standard gzip/deflate.
/// </summary>
public class CompressionModule : IHttpModule
{
#region IHttpModule Members
/// <summary>
/// Disposes of the resources (other than memory) used by the module
/// that implements <see cref="T:System.Web.IHttpModule"></see>.
/// </summary>
void IHttpModule.Dispose()
{
// Nothing to dispose;
}
/// <summary>
/// Initializes a module and prepares it to handle requests.
/// </summary>
/// <param name="context">An <see cref="T:System.Web.HttpApplication"></see>
/// that provides access to the methods, properties, and events common to
/// all application objects within an ASP.NET application.
/// </param>
void IHttpModule.Init(HttpApplication context)
{
if (BlogSettings.Instance.EnableHttpCompression)
context.BeginRequest += new EventHandler(context_BeginRequest);
}
#endregion
#region Compression
private const string GZIP = "gzip";
private const string DEFLATE = "deflate";
/// <summary>
/// Handles the BeginRequest event of the context control.
/// </summary>
/// <param name="sender">The source of the event.</param>
/// <param name="e">The <see cref="System.EventArgs"/> instance containing the event data.</param>
void context_BeginRequest(object sender, EventArgs e)
{
HttpApplication app = sender as HttpApplication;
//压缩aspx页面
if (app.Request.Url.OriginalString.ToUpperInvariant().Contains(".aspx"))
{
//是否支持压缩协议
if (IsEncodingAccepted(DEFLATE))
{
app.Response.Filter = new DeflateStream(app.Response.Filter, CompressionMode.Compress);
SetEncoding(DEFLATE);
}
else if (IsEncodingAccepted(GZIP))
{
app.Response.Filter = new GZipStream(app.Response.Filter, CompressionMode.Compress);
SetEncoding(GZIP);
}
}
}
/// <summary>
/// Checks the request headers to see if the specified
/// encoding is accepted by the client.
/// </summary>
private static bool IsEncodingAccepted(string encoding)
{
return HttpContext.Current.Request.Headers["Accept-encoding"] != null && HttpContext.Current.Request.Headers["Accept-encoding"].Contains(encoding);
}
/// <summary>
/// Adds the specified encoding to the response headers.
/// </summary>
/// <param name="encoding"></param>
private static void SetEncoding(string encoding)
{
HttpContext.Current.Response.AppendHeader("Content-encoding", encoding);
}
#endregion
}
}