html中鼠标点击效果的制作,用CSS实现鼠标单击特效-网页设计,HTML/CSS

如果你能很好地应用css，那么你的主页将被打扮得很靓。下面就给大家介绍用css做出的一个鼠标单击特殊效果图。

1、将下面的代码复制到你的主页中和之间。

〈style〉.shadow {

filter: shadow(color=blue，direction=225)

}

.shadow1 {

filter: shadow(color=red，direction=225)

}

.shadow2 {

filter: shadow(color=green，direction=225)

}

.div {

cursor: move; filter: blur(add=ture，direction=135，strength=10); width: 800px

}

〈/style〉

在这里应用的是blur滤镜。

2、在页面中插入一张图片，比如我插入是〈img border=”0″ src=”file:///f:/hbg/图象/校园/武测美景/广场夜景.jpg” width=”300″ height=”210″〉。在其前加入〈td id=flttgt style=”filter: light(enabled=1)，width 300″ width=315〉。

在刚才我们插入图片下一行中加入〈td style=”vertical-align: top” width=314〉

3、在设置了图片属性后，我们还要应用javascript脚本代码，也就是使