素材牛VIP会员

jQuery鼠标移入图片展开介绍效果

 所属分类:网页特效-鼠标/悬停/点击

 浏览:535次-  下载:2次-  评论:0次-  更新时间:2018-11-28
jQuery鼠标移入图片展开介绍效果兼容IE8
积分说明:注册即送15牛币,每日签到可获得5牛币,成为VIP会员可永久免积分下载!   充值积分   充值会员   更多说明»
素材描述:适用于鼠标移入展示产品详情

详细介绍

文件里有demo.html和ie.html,ie可以兼容到8,或者以下(还没测试以下的,但应该没问题)

demo.html在ie下有问题,需要兼容ie的请用ie.html

需要兼容ie的请用ie.html

imagew  后面可直接写像素值  如:150    也可以写百分比  $("父元素").width()*0.XX 相当于百分之xx

colc: 每行5个,rowc: 2行,seph: 上下边距,sepw: 左右边距,spanc: 跨度

imageData里面是鼠标移入之后要展开的内容

注释里面我认为挺详细的,里面的内容可以自己加样式

文件目录结构

  • ┝ chrome.html
  • ┝ ie.html
  • images
    • ┝ a2.png
    • ┝ a3.png
    • ┝ a5.png
    • ┝ huimei.png
  • ┝ index.html
  • js
    • ┝ jquery-1.10.2.min.js

相关素材 - 鼠标/悬停/点击

讨论这个素材(0)回答他人问题或分享使用心得会奖励牛币

〒_〒 居然一个评论都没有……

 文明上网,理性发言!   😉 阿里云幸运券,戳我领取
我的牛币余额:0 已下载次数:2
所需牛币:10 开始下载

牛币获取:签到、评论、充值    » 在线充值(10牛币=1元)