使用jQuery实现图片遮罩半透明坠落遮挡


默认九宫格图片排列效果,当鼠标悬停在图片上后,会从图片的上方下滑一个半透明遮罩的效果

同时出现一些文字介绍

使用方法:

1、将head中的css样式引入到你的网页中
2、将代码部分拷贝到你的网页body结束前的地方即可
(js、图片采用绝对路径,不建议修改)

复制代码 代码如下:

$(function(){
    $('.sgw_img dt').hover(function(){
        $(this).children('.box').stop(true,true).delay(100).animate({'top':0,opacity:0.8},300);
    },function(){
        $(this).children('.box').stop(true,true).animate({'top':-482,opacity:0},200);
    })
    $('.sgw_img dd').hover(function(){
        $(this).children('.box').stop(true,true).delay(100).animate({'top':0,opacity:0.8},300);
    },function(){
        $(this).children('.box').stop(true,true).animate({'top':-382,opacity:0},200);
    })
})

以上就是本文分享的全部内容了,希望大家能够喜欢。



相关阅读:
Windows10 USB无线网卡如何使用 usb无线网卡怎么使用
浅谈Ajax请求与浏览器缓存
开启PHP的伪静态模式
jQuery 中ajax异步调用的四种方式
Win10到底啥什么时候正式发布?微软Build 2015未公布确切上市时间
基于html5和nodejs相结合实现websocket即使通讯
win10安装密钥更新变化有哪些? win10安装密钥新变化的内容
html禁止清除input文本输入缓存的两种方法
JavaScript实现梯形乘法表的方法
jquery学习总结(超级详细)
jQuery.Highcharts.js绘制柱状图饼状图曲线图
php通过array_merge()函数合并两个数组的方法
后端接收不到AngularJs中$http.post发送的数据原因分析及解决办法
jQuery插件pagination实现无刷新分页
快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 永州-东安东 水泉-柳树屯 松滋-衡阳 嘉兴-德安 羊场-黄花筒 沈阳-泡子 赤壁北-怀化南 台前-临清 蚌埠-嘉善 百里峡-大涧 昌图-张台子 淮北-明光 哲里木-大板 大虎山-旬阳北 开原-南京 大苴-弥渡 宣化-太原 商城-平安驿 乐都-桐柏 吴堡-柳林南 孝感-襄垣 怀化-鄯善 沈阳-万源 萨拉齐-安康 芷江-凯里南 宜耐-小得江 低庄-冷水江东 婺源-高密 鹰潭-黄石 咸宁北-贵阳北 开原西-锦州南 饶阳-阳谷 交城-绵阳 广州-金华 建三江-丰乐镇 北票南-八角台 池州-蚌埠 万源-安康 彭阳-土桥子 黄山北-铜陵北 桐乡-福州南 英德-广州北 五十家子-张三营 超梁沟-滦河沿 子洲-文水 桑根达来-六地沟 西安南-交城 东安东-韶关东 开阳-南江 全州南-安仁 露水河-水洞 绥中-呼兰 道德-大陆号 东丰-农安 渭南-西平 柳州-张家口南 桦南-东京城 德清西-兰陵北 白城-扎罗木得 平邑-昆山 德清-淮南东 蚌埠-深圳东 松江河-金州 灵宝-淄博 烟筒屯-卧里屯 向塘-滕州 苏家屯-榆树屯 镇赉-茂林 清涧县-尤溪 全州南-玉林 孔滩-内江 赵庄-待王 福州-衡水 辽阳-华山 凌源-高桥镇 加格达奇-松树林 晏城-疏勒河 遂溪-邵东 升昌-太平镇 柳林南-公主岭 有平顶山到商丘的列车火车吗 多少钱 多长时间
柳岩的奶动过手术吗??
郑州到阳泉怎么走 大概需要多长时间票价谢谢哈
目前我国的房产限购已经延伸到了二三线城市,这一政策的施行
拉萨至兰州的火车硬卧是多少钱,车次是K918或1120或1527
27号淮北到惠州的列车车次 时间 和票价
天津东站到曙光里做多少路汽车
四川江油市到合肥托运行李票价多少钱
我在河北沧州出差,在坐1462次列车回京时把东西丢在列车火车上了
从广汉做客车汽车到重庆大概要多少钱的车费啊
请问从广州如何到郴州资兴的东江文化广场,和在那的住宿,谢谢
从南昌列车火车站去新建县怎么去最方便
我的朋友在新疆给我订的通化到北京的票,在有北京到乌鲁木齐
柳州客车汽车南站到忻城的直达快巴最晚有到几点普通车呢
我想问一下 从青岛 到 哈尔滨 或是济南 到 哈尔滨的火车列车都
一件50公斤的包裹从衢州托运到福州需多少费用
辽阳到沈阳新塔湾钢材市场怎么坐车
现在烟台至大连或旅顺的船,提前几天卖票
本人在2月份需要坐一次武广高铁 到岳阳 我是在东莞的 我想从
许昌三国文化的作文
河北唐山 迁安能到吗
上海去重庆的列车火车班次
长春市客车汽车厂哪里有卖安利产品的
今年的韩语等级考试是在什么时候啊在北京报名的话,什么时
安徽省利辛县到安徽省宿州市灵璧县要多久
请问佛山南海公交车有交通卡的吗
从贵阳花溪怎样到贵阳龙洞堡机场
从湖北付家坡汽车客车站到公安章庄石子滩怎么走
苏州火车列车站怎么去昆山石碑欧美工业园
湘乡是怎么样的

Copyright © 2016 phpStudy |