用户名：密码：注册新浪微博帐号登录用QQ帐号登录

龙盟编程博客 | 无障碍搜索 | 云盘搜索神器

SqlServer获取存

约瑟夫环问题

C++设计类不能

linux中tail 命令

使用sqlserver存

C++基本算法思

快速搜索

主页 > web编程 > div+css/html >

用css filter做鼠标滑过图片效果

时间:2014-06-13 02:52来源:网络整理作者:网络点击: 次

分享到：

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.<a href="/newsHtm/87/n_41487.shtml">css</a>rain.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; <a href="/newsHtm/91/n_38891.shtml">filter</a>: Alpha(opacity=0); opacity:.0; cursor:pointer; text-align:center;} 
</style> 
</head> 
<body> 
<div class="model"><a href="#"><img src="/sp/attachments/allimg/c140613/14025c150054P-12333.jpg" border="0" /></a></div> <div class="model"><a href="#"><img src="/sp/attachments/allimg/c140613/14025c15303010-21L3.jpg" border="0" /></a></div> </body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

上一篇：使css兼容IE8的小技巧
下一篇：css分页样式代码

分享到： QQ空间新浪微博人人网开心网更多

收藏文章

表情删除后不可恢复，是否删除

取消

确定

图片正在上传，请稍后...

取消上传

评论内容为空！

还没有评论，快来抢沙发吧！

畅言云评

站长点击我去广告>

热评话题

按钮内容不能为空！

立刻说两句吧！查看0条评论

精彩图集

BS项目中的CSS架构_仅加载自己需要的CSS

css实现气泡框效果(实例加图解)

css实现气泡

精彩文章

热点文章

暂无记录。

热门标签

前应用环境安装与 -bash qq空间谈谈文件夹 jsp连接MySQL 面试题拖拽div linux开发经验 getline() WIN命令结合 adb命令大全等宽空格 select语句 Template mysql热备份显式启动布 dbi 平滑处理图片类型公共知道 reint php表单提交 setContentTy 文章修订 PHP ddos 背景色 fin 注册用户 url参数值输出目录 Mail发邮件端口重定向 define 20天一招 str_pad 文本框值函数对象环境搭建 rashost 启用应用程序两个日期之差路径查询偏移量解密 U() 选中内容 js调用重新生成索引内核驱动 ACCESS 快递单号查询 itoa() like 序列号

赞助商链接

关于我们 - 联系我们 - 广告服务 - 意见反馈 - 网站地图 - 版权声明 - 人才招聘 - 帮助

@CopyRight 2002-2008, 1SOHU.COM, Inc. All Rights Reserved QQ:1010969229

京ICP备18042785号-1