网站中图片上滑出现说明文字的特效
2020-12-13 02:11
阅读：421
YPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
标签：js jquery 网站中图片上滑出现说明文字的特效
网站中为了美观也为了可以在一个区域中展示的信息更多的原因，可以看到很多图文混杂的特效。
(这个的目标是单位面积上呈现给用户的信息量最多)
比如鼠标放到图片上，然后图片翻转到背面，而背面是图片的介绍信息
比如鼠标放到图片上，然后从图片的下端或者任一端弹出对应介绍信息的图层，图片位置不变
比如鼠标放到图片上，然后图片上移紧随着的是介绍信息的显示
这篇博客是讲的以上说到的第三种比如。
图片特效展示如下：
起先：
鼠标放上去：
最后是：
原理：
这里a标签就包括图片和文字，其实图片和文字是一个整体，可以理解让a显示在一个固定宽高的容器中，从这个容器中看只能看到190*114这么大的区域。
通俗点讲就是拿一个木框装裱一幅画，把木框放在画上，你只能看到木框大小的画的那块区域，你上下移动画，木框位置不变，在木框中呈现的画的区域就不一样了吧。这个特效就类似于这个意思。
js滑动导航
汤姆克鲁斯 - 碟中谍
汤姆克鲁斯 - 少数派报告
汤姆克鲁斯 - 甜心先生
网站中图片上滑出现说明文字的特效,搜素材,soscw.com
网站中图片上滑出现说明文字的特效
标签：js jquery 网站中图片上滑出现说明文字的特效
原文地址：http://blog.csdn.net/u010792238/article/details/25300435
评论
亲，登录后才可以留言！