模板无忧
网页特效
每日更新
|
TOP排行榜
|
Tag标签
|
充值
无忧首页
网页模板
程序模板
建站教程
视频教程
网页特效
图标素材
字体下载
站长工具
站长问答
网页特效
菜单导航
图片特效
文本链接
层和布局
页面背景
表单按钮
日期时间
计算转换
键盘鼠标
浏览器
游戏娱乐
综合其它
常用代码
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在线编辑器
Mootools
HTML
JS广告代码合集
站长工具
站长常用软件
网站综合查询
Alexa排名查询
Google PR查询
域名Whois查询
网站收录查询
友情链接查询
CSS2中文手册
CSS精简优化工具
网页特效代码
模板无忧
>
网页特效
>
图片特效特效代码
>
收藏
分享
查看评论
图片特效
演示
鼠标经过图片时，出现说明文字_图片特效特效
查看演示效果
特效Tag：
半透明
添加
纯CSS代码特效，当鼠标经过图片时，图片弹出说明文字，文字背景半透明，同时图片的边框会变换颜色。
<head> <meta http-equiv="Content-Type" mrc="text/html; charset=gb2312" /> <title>鼠标经过图片,边框变色,图片上出现半透明文字</title> <style type="text/css"> img{border:none} .wrap{margin:8px;position:relative;} .photo a{position:absolute;display:block;border:1px solid #888888;padding:2px} .photo a:hover{border:1px solid #fff;text-decoration:none} .photo a span {display:none;cursor:hand;text-align:center;font:bold 12px/30px Verdana, Arial;} .photo a:hover span{width:500px;margin:0 2px;background:#000;display:block;position:absolute;bottom:0;left:0;color:#fff;filter:alpha(opacity=56);-moz-opacity:0.6;opacity:0.6;} </style> </head> <body> <div class="wrap"> <div class="photo"><a href="#"> <img src="http://p1.mb5u.com/texiao/1/20110225160507315.jpg" border="0" alt=""/><span>坝上春色，景色迷人</span></a></div> </div> </body>
所属频道：
图片特效特效
/
更新时间：2012-11-30
[收藏]
[报错]
[返回列表]
相关
图片特效特效
：
图片自动缩放
图像过来
禁止对图片用右键(仅支持IE)
图片的渐显播放效果的代码
对联式的图片广告代码
页面的左右下脚始终固定不动的图片广告代码
图片渐渐出现脚本
图象淡入淡出 Script
经典相册效果
左右移动的图片
图像映射
图形循环渐显脚本
图片特效特效Rss订阅
特效代码搜索
图片特效特效推荐
CSS用Alpha改变图片透明度
禁止在图片上使用右键
JavaScript简易图片分割
像弹簧一样抖动的横向图片滚动
JS图片左右切换效果代码
可以点击控制的手机图片滚动切换
最简单的显示、隐藏图片代码
Js水平棋盘过渡效果的图片切换
腾讯QQ网站的Js图片切换
纯CSS 漂亮的立体图片边框效果，阴影代码
猜你也喜欢看这些
先后点击链接
JavaScript渐变文字遮罩效果
CSS阴影链接文字
雾化链接
控制DOM节点实现单行新闻滚动
JS让链接的下划线不停闪烁
JavaScript打开链接时确认
依次出现的多行文字展示效果
成批滚动的文字友情链接代码
系统文件夹链接
相关链接：
复制本页链接
|
搜索鼠标经过图片时，出现说明文字
特效说明：
图片特效模板
-
鼠标经过图片时，出现说明文字
。
。