- JScript code
(function( $ ){ $.fn.tooltip = function( options ) { return this.each(function(e) { // If options exist, lets merge them // with our default settings //ZD ADD if ( options ) { $.extend( settings, options ); } var tooltip = ""; var title = ""; $(this).mouseover(function(e){ title = $(this).attr("title"); if(title== ""){ tooltip = ""; }else{ tooltip = "<div id='tooltip'><p>"+title+"</p></div>"; $(this).attr("title",""); } $('body').append(tooltip); $('#tooltip') .css({ "opacity":"1",//"0.8", //"top":(e.pageY+20)+"px", //"left":(e.pageX+10)+"px" "top":(e.pageY - 10)+"px", "left":(e.pageX + 6)+"px" }).show('fast'); }) $(this).mouseout(function(){ $(this).attr("title",title); $('#tooltip').remove(); }) $(this).mousemove(function(e){ $('#tooltip').css({// "top":(e.pageY+20)+"px",// "left":(e.pageX+10)+"px" "top":(e.pageY - 10)+"px", "left":(e.pageX + 6)+"px" }); }) }); };})( jQuery );<script>
jQuery(document).ready(function(){
$("img[id^='IsSaveBuy_']").tooltip();
//var game_1 = new ShowOrHide({Menu:'.tab_start>.tabhover',Cont:'img[id^="img_"]'});game_1.Init();
});
</script>
这个是在鼠标移到图片上时在图片旁边弹出提示信息
请高手改成点击图片时在按钮旁边弹出一个提示信息
------解决方案--------------------------------------------------------
那个按钮？
------解决方案--------------------------------------------------------
mouseover = click
问题是你这个点击了怎么关闭呢？
还是仍然使用mouseout?
------解决方案--------------------------------------------------------
那你就用不着动态插入什么tooltip了，直接用title设置给按钮判断的div的内容就行了。
------解决方案--------------------------------------------------------
把 mouseover 改成 click 试试.
------解决方案--------------------------------------------------------
$(this).mousemove 改$(this).click 不行吗?
------解决方案--------------------------------------------------------
LZ你的代码怎么运行不了。。
------解决方案--------------------------------------------------------
晚点看看