js代码_js特效免费下载_JS特效代码网   网页特效   鼠标特效   js图片相册   js特效代码大全
当前位置:首页 > 网页特效 > JS常用代码 > 鼠标特效

jquery鼠标悬停图片遮罩显示

发布时间:2016-03-12 16:21:53    您是第0位浏览者

本js特效代码兼容:ie6 、ie7 、ie8 、ie9 、ie10 、ie11 、chrome 、firefox 、opera 、safari 、 等浏览器

jquery鼠标悬停图片遮罩显示
$(function(){
  $(".case li").hover(function(){
    $('.case_w',this).stop().animate({"bottom":"30px"},400);  
    $(".x",this).stop().css({'left':'50px'}).animate({'left':"80px"},400).show();
    $(".y",this).stop().css({'right':'50px'}).animate({'right':"80px"},400).show();
    $('.fire',this).show();
  },function(){
    $('.case_w',this).stop().animate({"bottom":"14px"},400);
    $('.fire, .x, .y',this).hide();
  }); 
});



悬停图片 鼠标悬停

jquery鼠标悬停图片高亮,从左边滑动出标题信息显示效果

Css3鼠标悬停图片高亮特效

jquery仿win8风格的图片九宫格布局,鼠标悬停图片文字切换特效

html5实现鼠标悬停图片动画展示特效

jquery实现鼠标悬停图片动画显示文字信息特效

jquery实现鼠标悬停图片突出显示大图,另外带标签关键词功能

jquery实现鼠标悬停图片遮罩文字从左滑出特效代码

jquery实现鼠标悬停图片居中放大特效代码

jquery鼠标悬停图片滑动标题特效代码

jQuery实现鼠标悬停图片遮罩阴影效果

jquery鼠标悬停图片遮罩显示

CSS3鼠标悬停图片上浮显示描述标题特效代码