欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:DIVCSS5首页 > CSS特效 >

jQuery+CSS鼠标放图片上滑动显示文字特效

鼠标移动图片上显示文字 JQ特效,鼠标移到到图片上时图片底部从下到上显示文字内容,同时背景半透明,本特效使用DIV CSS+jQuery实现。

鼠标悬停放在图片上显示文字内容特效
鼠标悬停放在图片上显示文字内容特效效果截图

特效特点:鼠标放做图片上时平滑显示文字内容,并且背景为半透明的特效。此特效图文分离明确非常实用,兼容各大浏览器,同时可以根据需要修改div+css实现单个或多个图片列表特效。

在线演示

查看案例

完整DIV+CSS+JQ案例打包下载

如需转载,请注明文章出处和来源网址:/css-texiao/texiao751.shtml

我要分享到:

必备CSS教程 Essential CSS Tutorials

必备HTML基础教程 Essential HTML Tutorials

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
CSS教程文章修订日期:2014-09-16 10:29 原创:DIVCSS5
本文www.divcss5.com DIVCSS5版权所有。