如何实现鼠标点击实现水滴效果放在图片上出现文字说明效果

来源：蜘蛛抓取(WebSpider) 时间：2016-12-04 10:05 标签： 鼠标放在文字上变色
温馨提示！由于新浪微博认证机制调整，您的新浪微博帐号绑定已过期，请重新绑定！&&|&&
LOFTER精选
网易考拉推荐
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
&html xmlns="http://www.w3.org/1999/xhtml"&&head&&title&纯CSS实现鼠标滑过图片显示文字说明_网页代码站()&/title&&style type="text/css"&*{margin:0;padding:0}a img{border:none}body{font-size:12px}a{text-decoration:color:#font-weight:bold}.product{display:position:width:320height:200line-height:30px}.product:hover{border:none}.product:hover span{height:30px}.product span{position:left:0;bottom:0;_bottom:4overflow:width:100%;height:0background:#000;opacity:0.5;filter:alpha(opacity=50)}&/style&&/head&&body&&a class="product" href="#"& &img src="/images/wall6.jpg" width="320" height="200" alt=""& &span&64G 选购一台 共100台 还有12台&/span&&/a&&br /&&/body&&/html&
阅读(4295)|
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
历史上的今天
在LOFTER的更多文章
loftPermalink:'',
id:'fks_',
blogTitle:'纯CSS实现鼠标滑过图片显示文字说明',
blogAbstract:'&!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\"&&html xmlns=\"http://www.w3.org/1999/xhtml\"&&head&&title&纯CSS实现鼠标滑过图片显示文字说明_网页代码站()&/title&&style type=\"text/css\"&*{margin:0;padding:0}a img{border:none}',
blogTag:'',
blogUrl:'blog/static/',
isPublished:1,
istop:false,
modifyTime:0,
publishTime:0,
permalink:'blog/static/',
commentCount:0,
mainCommentCount:0,
recommendCount:0,
bsrk:-100,
publisherId:0,
recomBlogHome:false,
currentRecomBlog:false,
attachmentsFileIds:[],
groupInfo:{},
friendstatus:'none',
followstatus:'unFollow',
pubSucc:'',
visitorProvince:'',
visitorCity:'',
visitorNewUser:false,
postAddInfo:{},
mset:'000',
remindgoodnightblog:false,
isBlackVisitor:false,
isShowYodaoAd:false,
hostIntro:'',
hmcon:'0',
selfRecomBlogCount:'0',
lofter_single:''
{list a as x}
{if x.moveFrom=='wap'}
{elseif x.moveFrom=='iphone'}
{elseif x.moveFrom=='android'}
{elseif x.moveFrom=='mobile'}
${a.selfIntro|escape}{if great260}${suplement}{/if}
{list a as x}
推荐过这篇日志的人：
{list a as x}
{if !!b&&b.length>0}
他们还推荐了：
{list b as y}
转载记录：
{list d as x}
{list a as x}
{list a as x}
{list a as x}
{list a as x}
{if x_index>4}{break}{/if}
${fn2(x.publishTime,'yyyy-MM-dd HH:mm:ss')}
{list a as x}
{if !!(blogDetail.preBlogPermalink)}
{if !!(blogDetail.nextBlogPermalink)}
{list a as x}
{if defined('newslist')&&newslist.length>0}
{list newslist as x}
{if x_index>7}{break}{/if}
{list a as x}
{var first_option =}
{list x.voteDetailList as voteToOption}
{if voteToOption==1}
{if first_option==false},{/if}&&“${b[voteToOption_index]}”&&
{if (x.role!="-1") },“我是${c[x.role]}”&&{/if}
&&&&&&&&${fn1(x.voteTime)}
{if x.userName==''}{/if}
网易公司版权所有&&
{list x.l as y}
{if defined('wl')}
{list wl as x}{/list}脚本简介jQuery鼠标放到图片上滑出提示文字是一款可上下滑动显示图片描述信息，鼠标放在图片上滑出提示文字，同时图片会向上滑动，文字提示信息渐出。
大小:112KB
特别说明：
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
各线路极速下载器通过p2p加速功能，帮助用户对于大文件能更好的加速下载。
其他普通下载点限制多线程，仅允许直接点击或另存为下载等单线程下载的软件，较适合小的文件下载！
如有侵犯您的版权，请及时联系(#换@)，我们将尽快处理。
& CopyRight , , Inc.All Rights Reserved.鼠标经过图片变透明并显示文字介绍js代码_js特效_中国素材天下
下载次数：1305
需要积分：0
下载地址：
下载说明：
1、同时下载多个文件，容易出现无法解压等情况。请大家下载完成一个文件后再下载另一个。
2、部分素材需要解压密码，请输入：niutuku 。
3、为节约资源，有部分PSD文件已关闭全部图层，下载后请使用Photoshop打开图层眼睛即可。
4、登录后可获得更多便利功能，如未注册，请先注册。
5、日历，台历，挂历等方面的素材请仔细核对后再使用，我们无法保证每个素材的日期时间都是正确的。请慎重！！！！
6、特别说明：本站"设计素材"栏目内的所有资源（包括素材、软件、资料等）仅供学习与参考，请勿用于商业用途。

我要回帖

更多关于 鼠标放在文字上变色 的文章

 

随机推荐