jQuery鼠标滑过显示日历备注文字特效

查看演示 下载资源 下载积分： 20 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

js代码

<script type="text/javascript">
$(function(){ 
	$(".daya li").hover(function(){
		var index = $(this).index();
		if(index==5||index==6||index==12||index==13||index==19||index==20||index==26||index==27){
			$(".daya li").eq(index).find("p").show().addClass("p-left");
		}else if(index==28||index==29||index==30||index==31||index==32){
			$(".daya li").eq(index).find("p").show().addClass("p-bottom-r");
		}else if(index==33||index==34){
			$(".daya li").eq(index).find("p").show().addClass("p-bottom-l");
		}else{
			$(".daya li").eq(index).find("p").show().addClass("p-right");
		}
	},function(){
		$(".daya li").eq($(this).index()).find("p").hide();
	});
}); 
</script>