注册 登录 充值会员 退出
毕业设计 PHP源码
充值

懒人原生jQuery九宫格图片延伸效果

作者/代码整理:懒人  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2014-12-18
懒人原生jQuery九宫格图片延伸效果
效果描述:
鼠标悬停在任意一个宫格内,分别上下左右四个方向延伸出四个图片,且当前宫格内显示半透明链接效果
默认九个li标签,每个li中包含一个链接(即:鼠标悬停的超链接),五张图片
每个图片均有一个class,根据class即可看懂
第一个default为默认图片
另外四张图片分别是向上,向右,向下,向左四个方向延伸的图片
若是对css属性z-index比较了解的懒人修改本效果,比较得心应手
 
使用方法:
1、将css样式引入到你的网页中
2、将body中的代码部分拷贝到你需要的地方即可
(js、图片采用绝对路径,不建议修改)