复制代码 代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://');
tipTitle='百度';
}
$("body").append("<p id='tooltip'>"+tipTitle+"</p>");//在body标签里添加这个p标签，实现提示功能
$("#tooltip").css("top",(e.pageY - xOffset) + "px")//为id为tooltip的元素设置css样式
.css("left",(e.pageX + yOffset) + "px")
.fadeIn("fast");//添加动画效果
},
function(){
$("#tooltip").remove();//鼠标移动时移除tooltip，实现提示和鼠标的相对位置不变
});
$("img").mouseout(function(e){
$("#tooltip").remove();//鼠标移出img标签时不再显示tooltip，用remove函数将其移除
});
};
$(document).ready(function(){
$('img').css('border','none');
tooltip();
});
网站建设 IT知识 IT知识教程 jQuery 点击图片跳转上一张或下一张功能的实现代码 
最新文章
热门文章
猜你喜欢
