jQuery九宫格图片延伸效果

发布时间:2016-01-15 11:54

所属分类:特效素材 - 图片特效

jQuery九宫格图片延伸效果

jQuery九宫格图片延伸效果

效果描述:

鼠标悬停在任意一个宫格内,分别上下左右四个方向延伸出四个图片,且当前宫格内显示半透明链接效果

默认九个li标签,每个li中包含一个链接(即:鼠标悬停的超链接),五张图片

每个图片均有一个class,根据class即可看懂

第一个default为默认图片

另外四张图片分别是向上,向右,向下,向左四个方向延伸的图片

若是对css属性z-index比较了解的修改本效果,比较得心应手

 

使用方法:

1、将css样式引入到你的网页中

2、将body中的代码部分拷贝到你需要的地方即可

(js、图片采用绝对路径,不建议修改)


下面是js特效和素材的预览和下载地址,压缩包的解压密码都是:www.phplearn.cn
站内全部“资源/素材”来自网络,仅供大家学习与参考,如果侵权,请来信具体告知。