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

jquery实现九宫格图片鼠标悬停上下滑动切换特效

发布时间:2015-09-05 23:29:55    您是第0位浏览者

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

jquery实现九宫格图片鼠标悬停上下滑动切换特效
$(function(){	
	$(".qixi > div").hover(function(){
		$(this).find('.pic2').stop().animate({top:-$(this).find(".pic2 > img").height()},200);							
	},function(){
		$(this).find('.pic2').stop().animate({top:'0'},200);	
	});	
});



九宫格 切换

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

jquery实现九宫格布局,点击图片查看大图预览效果代码

jquery实现点击弹出菜单九宫格布局特效

jquery实现鼠标悬停九宫格图片高亮显示特效

jquery实现九宫格图片鼠标悬停上下滑动切换特效

jquery实现九宫格子转盘抽奖特效代码

友荐云推荐