鼠标悬停图片上文字背景半透明CSS+JQ特效

2019-09-08 郑州网站建设  

径自DIV结构鼠标挪动图片上表示翰墨形式翰墨背景半通明,同时供给ul li图片列表布局的鼠标悬停图片上时透露表现翰墨简介后盾半无色成就。此殊效使用div+css+jq完成。

1、运用div css jq组织的零丁图片与翰墨排版,起源图片上笔墨匿伏,鼠标悬停挪动到图片上时显露笔墨同时后盾半无色,鼠标移开文字又匿伏。本殊效使用jquery结构,浮现和潜藏有过渡造诣时髦雄壮。

悬停图片显示文字内容特效截图


径自图片透露表现潜藏文字特效造诣截图

2、运用ul li列表构造图文构造,鼠标移动悬停到li列表的图片上先容文字体现,移开埋伏,同时也是JQ实现显露和隐藏渐变过渡效果。

图文列表布局 鼠标悬停图片上过渡显示简介特效


ul li布局图文列表结构 鼠标悬停图片上展示简介殊效截图


河南郑州做网站首选天择文化,我们专注郑州网站建设网站设计网站制作与开发,是中原地区专业的郑州网络公司,多年来我们一直努力,服务客户数百家,欢迎您的咨询。
本文链接:郑州网络公司http://tzchb.ieyo.com/dede/1200.html转载请标明出处,谢谢合作!
标签:
  • 背景
  • 鼠标
  • 文字
  • 悬停
  • 片上
  • 半透明
  • CSS+JQ