当前位置: 首页 > 图文教程 > 网络编程 > Javascript > css静态滤镜 + A:Hover 效果

Javascript
HTML TO JavaScript 转换
JavaScript TO HTML 转换
VBScript版代码高亮
JavaScript版代码高亮
JS、HTML代码运行工具
特殊字符、常规符号及其代码对照表
根据分辨率不同,调用不同的css文件
javascript操作表格
给网页加个彩色窗口
怎么用javascript进行拖拽2
DIV任意拖动的问题
javascript的函数
日历-指定日期的新闻
javascript小技巧 超强推荐
网页中移动的广告效果 鼠标悬停
必须点击广告才能进入的代码
onmousewheel event 缩放图片效果
[原创]比较方便的onMouseWheel缩放图片效果
关联的Select,可以支持客户端动态更新
Prototype 1.5.0_rc1 及 Prototype 1.5.0 Pre0小抄本

Javascript 中的 css静态滤镜 + A:Hover 效果


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-12   浏览: 246 ::
收藏到网摘: n/a

IE Only
Step1:
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

然后配合上两行 JS, 做成这样
依然 IE Only
Step2:
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

继续努力,加上磁性效果............就是测试久了会看的头晕.......

Step3:
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

上一个效果鼠标动的快了会很头晕.......
又做了一个磁性效果
Step4:
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

然后再加上一些不知所谓的特效,让这个东东有点动感(小新:看我的动感光波,BBBBB........) -_-

Step 5: (永远的 IE Only)
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]