专注收集记录技术开发学习笔记、技术难点、解决方案
网站信息搜索 >> 请输入关键词:
您当前的位置: 首页 > ASP.NET

js批改

发布时间:2011-06-22 17:12:39 文章来源:www.iduyao.cn 采编人员:星星草
js修改
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你的代码怎么运行不了。。
------解决方案--------------------
晚点看看
友情提示:
信息收集于互联网,如果您发现错误或造成侵权,请及时通知本站更正或删除,具体联系方式见页面底部联系我们,谢谢。

其他相似内容:

热门推荐: