欢迎来到福编程网，本站提供各种互联网专业知识！
手机版
微信关注
快捷导航
正则表达式
AJAX相关
黑客相关
相关技巧
Mysql
MsSql
MsSql2005
MsSql2008
MariaDB
Oracle
Access
SQLite
PostgreSQL
MongoDB
DB2
Redis
数据库文摘
数据库其它
LINUX
RedHat/Centos
Ubuntu/Debian
Fedora
Solaris
红旗Linux
Unix/BSD
苹果MAC
麒麟系统
注册表
BIOS
系统安装
系统进程
Fireworks教程
广告
商业广告，理性选择
网站首页
网络编程
数据库
操作系统
平面设计
网站运营
网络安全
电脑相关
手机学院
您的位置：
网站首页
>
网络编程
>
CSS/HTML
>
经验交流
用css filter做鼠标滑过图片效果
发布时间：2008-06-10 作者： 来源：转载
标签：
雪佛兰
通用
奢华
劳斯莱斯
旗舰版
64位
收藏夹
解调器
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> <img src="http://www.cssrain.cn/demo/demo111111.jpg" border="0" /> <img src="http://www.cssrain.cn/demo/demo222222.jpg" border="0" /> </body> </html>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
上一篇：
使css兼容IE8的小技巧
下一篇：
DIV+CSS实现的滑动门菜单特效代码
广告
商业广告，理性选择
相关推荐
图片下面出现空白像素BUG的常用解决方法归纳
cookie解决微信不能存储localStorage的问题
学习小实例--滚动条的简单实现
HTML5实战与剖析之触摸事件(touchstart、touchmove和touchend)
CSS3实现动态翻牌效果 仿百度贴吧3D翻牌一次动画特效
《CSS3实战》笔记--渐变设计（一)
《CSS3实战》笔记--渐变设计（二)
《CSS3实战》笔记--渐变设计（三)
CSS 使用Sprites技术实现圆角效果
手机屏幕尺寸测试——手机的实际显示页面的宽度
利用CSS3新特性创建透明边框三角
HTML实现title 属性换行小技巧
IE6/IE7/IE8/IE9中tbody的innerHTML不能赋值的完美解决方案
CSS可以做的几个令你叹为观止的实例分享
告别AJAX实现无刷新提交表单
html小技巧之td,div标签里内容不换行
ie6,ie7,ie8完美支持position:fixed的终极解决方案
CSS Hack大全-教你如何区分出IE6-IE10、FireFox、Chrome、Opera
三个不常见的 HTML5 实用新特性简介
css代码优化的12个技巧
广告
商业广告，理性选择
文章分类
经验交流
基础教程
VML相关
热门关键词
雪佛兰
通用
奢华
劳斯莱斯
旗舰版
64位
收藏夹
解调器
网卡
网线
分辨率
家电
4k
显示器
header
USER_AGENT
色彩
图形
商业
生成
广告
商业广告，理性选择
热门文章
1
什么是Meta标签？ 哪些Meta标签对搜索引擎SEO优化有作用？
2
Mac设置VPN来登录youtube等国外网站的步骤
3
各大搜索引擎登录入口,网站收录入口
4
Openvpn在麒麟操作系统上的配置方法
5
联想笔记本BIOS设置图解中文详细说明
6
AMI BIOS设置图解教程+Award Bios设置全程图解
7
Mac怎么切换主显示器 苹果电脑Mac双显示器设置主显方法图解
8
分享最受美国人喜欢的十大搜索引擎
9
分享10个常见的SQL注入工具
10
mac系统中自带的邮件程序怎么添加qq邮箱帐号?
最新更新
无线路由器经常断线 故障解决
怎么在Mac上设置锁屏不待机
VHD和VHDX硬盘格式有什么区别?
关闭Aero Shake节约系统资源的方法
怎么更改Mac中的邮件字体大小
提高WIN7系统开机速度方法分享
Mac系统怎么更改用户登录密码
Mac上如何修改时间和日期
如何将常用应用固定至开始屏幕或任务栏
MySQL中replace into语句的用法详解（insert into 的增强版）
广告
商业广告，理性选择
网站首页
|
关于我们
|
免责声明
|
广告合作
|
联系我们
Copyright @ 2015-2024
福编程 fuphp
All Rights Reserved.
豫ICP备15036959号-4
