用CSS实现鼠标单击特效
如果你能很好地应用CSS，你的主页将被漂亮地装扮起来。下面是一个用CSS制作的鼠标点击特效图的介绍。1，将以下代码复制到您的主页和。
样式。
滤镜：阴影（颜色=蓝色，方向= 225）
}
shadow1 {。
滤镜：阴影（颜色=红色，方向= 225）
}
阴影2 {。
滤镜：阴影（颜色=绿色，方向= 225）
}
div {。
光标：移动；滤波器：模糊（添加=真，方向= 135，强度= 10）；宽度：800px
}
这里使用模糊滤镜。
2，例如，在页面中，图片的插入，插入img border=0src= / / /文章uploadpic 2005-9 / 200598478474.jpgwidth=300height=210，在它的前面，添加TD ID = flttgt style=过滤器：光（启用= 1），''width 300宽度= 315 。
添加TD style=vertical-align：顶宽度= 314 到下一行，我们刚刚插入的。
3、在设置图片属性时，我们还使用javaｓｃｒｉｐｔ脚本代码，即使图片跟随鼠标移动一些特殊效果，代码如下。
脚本语言
！—
无功g_numlights = 0；
VaR短评=新的数组（现在动态滤波器，给出了Web交互的响应用户的动作，点击图片添加光源。能力）；
onload = setlights窗口；
onclick= keyhandler文件；
Flttgt。移动鼠标= mousehandler；
功能setlights（）{
Flttgt。过滤器{ 0 }。明确（）；
Flttgt。过滤器{ 0 }加入锥形光源（0, 0, 5100100225225、0, 60, 15）；
如果（g_numlights > 0）{
Flttgt。过滤器{ 0 }加入锥形光源（400170, 5100100225, 0、0160, 15）；
如果（g_numlights > 1）{
Flttgt。过滤器{ 0 }。加入锥形光源（320330, 5100100，0225225, 60，15）；
}
}
}
keyhandler（）函数
{
g_numlights =（g_numlights + = 1）% 4；
持有人.innerHTML =导语g_numlights } {；
setlights（）；
}
mousehandler（）函数
{
x =（窗口。事件。X-80）；
Y =（窗口。事件。y-80）；
Flttgt。过滤器{ 0 }。移动光源（1，X，Y，5, 1）；
如果（g_numlights > 0）{
Flttgt。过滤器{ 0 }。移动光源（1，X，Y，5, 1）；
如果（g_numlights > 1）
{
Flttgt。过滤器{ 0 }。移动光源（2，X，Y，5, 1）；
}
}
}
所以设置更个性化的图片特效