繁体中文
设为首页
加入收藏
脚本专栏
网络编程
电子书
软件下载
实用技巧
软件编程
网页制作
操作系统
经典网摘
网站技巧
在线手册
在线工具
文章搜索
主机租用
域名查询
经验交流
基础教程
VML相关
页面导航：
首页
→
网络编程
→
CSS/HTML
→
经验交流
→ 正文内容 css filter
用css filter做鼠标滑过图片效果
发布：dxy 字体：[
增加
减小
] 类型：转载
css结合filter实现的鼠标滑过图片效果代码
首先看个简单的例子吧。
点击运行可以看到效果:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>http://www.cssrain.cn</title> <style> *{ margin:0; padding:0;} body{ margin:0 auto; font-size:12px;} .model{margin:0 auto; width:30px;} .model a:hover{ text-decoration:none;} .model a img{ border:#fff 1px solid;} .model a:hover img{ border:#888 1px dotted;} .model a span{ padding:0; display:block; width:80px; height:50px; margin-top:-32px; overflow:hidden; line-height:14px; filter: Alpha(opacity=0); opacity:.0; cursor:pointer; text-align:center;} </style> </head> <body> <div class="model"><a href="#"><img src="http://www.cssrain.cn/demo/demo111111.jpg" border="0" /></a></div> <div class="model"><a href="#"><img src="http://www.cssrain.cn/demo/demo222222.jpg" border="0" /></a></div> </body> </html>
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
Tags：
css
filter
鼠标滑过
浏览次数：
载入中...
打印本文
关闭本文
返回首页
0
顶一下
上一篇文章：
css分页样式代码
下一篇文章：
word-wrap在firefox中不起作用的解决方法
·在百度中搜索关于“
用css filter做鼠标滑过图片效果
相关内容
文章评论
共有
位脚本之家网友发表了评论
我来说两句
同 类 文 章
使用text-align:justify实现两端对齐一例
客齐集OEM的CSS解析与开发经验
美化html段落文本 Ⅰ
CSS技巧DIV为空时占据空间的解决办法
脚本控制三行三列自适应高度DIV布局的代码
用div实现像table一样的布局方法
很不错的 CSS Hack 又学了一招
全国哀悼日网站页面变成灰色的filter方法
转载未知大小的图片在一个已知大小容器中
CSS条件注释的使用详解教材
最 近 更 新
解决ie动态修改link样式，import css不刷
对于IE7、FF、OP清除浮动的最优方法
(X)HTML Strict 下的嵌套规则
针对浏览器隐藏CSS之独孤九剑
创建无表格网站的原因和原则 译文
让iframe自适应高度（支持xhtml）IE fire
网页制作中十个最好的CSS hacks
iframe自适应高度的多种方法方法小结
学习WEB标准总结的一些CSS/XHTML知识小结
css图片切换效果代码[不用js]
热 点 排 行
用CSS实现下拉菜单的多种方法
DIV+CSS布局教程大全与pdf电子书
非常漂亮的Div+CSS布局入门教程
全国哀悼日网站页面变成灰色的fi
让iframe自适应高度（支持xhtml）
在iframe中隐藏横向滚动条的方法
比较漂亮的一个导航条的效果DIV+
用css来控制图片大小显示的实现方
div做细线表格,很强悍
css强制换行 css强制不换行的css
文章评论
共有 位脚本之家网友发表了评论我来说两句