<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    有問題可聯(lián)系我QQ:429810818

    posts - 4, comments - 6, trackbacks - 0, articles - 8

    仿JqueryEasy 提示tooltip

    Posted on 2013-06-26 21:02 張力 閱讀(132) 評論(0)  編輯  收藏
    上圖
    代碼
    CSS:
    .tooltip {
      position: absolute;
      display: none;
      z-index: 9900000;
      outline: none;
      padding: 5px;
      border-width: 1px;
      border-style: solid;
      border-radius: 5px;
      -moz-border-radius: 5px 5px 5px 5px;
      -webkit-border-radius: 5px 5px 5px 5px;
      border-radius: 5px 5px 5px 5px;
      background-color: #FFFFCC;
      border-color: #CC9933;
    }

    .tooltip-arrow {
      position: absolute;
      width: 0;
      height: 0;
      line-height: 0;
      font-size: 0;
      border-style: solid;
      border-width: 6px;
      border-color: transparent;
      _border-color: tomato;
      _filter: chroma(color=tomato);
      border-right-color:#FFFFCC;
    }

    .tooltip-right .tooltip-arrow {
      left: 0;
      top: 50%;
      margin: -6px 0 0 -12px;
    }
    .tooltip-content {
      font-size: 12px;
    }
    JS代碼:
    /**
     * 通用消息提示框
     * @author 張力
     * 示例:tip.show(this,"消息");tip.hide(this);
     */
    var tip={
            'show':function(jq,msg){
                var box = $(jq);
                $("<div class=\"tooltip tooltip-right\"  id=\"tip\" tabindex=\"-1\" >"
                        +"<div class=\"tooltip-content\">"+msg+"</div>"
                        +"<div class=\"tooltip-arrow\"></div>"
                        +"</div>").appendTo("body");
            var tip = $("#tip");
            $(".validatebox-tip-content").html(msg);
                tip.css( {
                    display : "block",
                    left : box.offset().left + box.outerWidth()+5,
                    top : box.offset().top,
                });
            },
            'hide':function(jq){
                var tip = $("#tip");
                if (tip) {
                    tip.remove();
                }
            }
    };
    示例
                        <img src="${pageContext.request.contextPath}/css/themes/default/images/validatebox_warning.png" onmouseover="tip.show(this,'${item.errorMsg}')" onmouseout="tip.hide()"/>

    只有注冊用戶登錄后才能發(fā)表評論。


    網(wǎng)站導(dǎo)航:
     
    主站蜘蛛池模板: 久久国产精品免费视频| 中国在线观看免费的www| 亚洲一区免费在线观看| 亚洲美女激情视频| 1000部禁片黄的免费看| 亚洲午夜精品国产电影在线观看| 亚洲一级毛片免费观看| 中文字幕亚洲码在线| 国产国产人免费视频成69大陆| 国产成人高清亚洲一区久久| 国产成人精品久久亚洲| 久久久久久成人毛片免费看| 亚洲国产成人久久77| 永久免费观看的毛片的网站| 美女扒开屁股让男人桶爽免费| AV在线亚洲男人的天堂 | 免费福利在线观看| 亚洲一级Av无码毛片久久精品| 爱丫爱丫影院在线观看免费| 亚洲国产人成网站在线电影动漫 | 亚洲av无码不卡一区二区三区| 日韩免费电影网址| 99999久久久久久亚洲| 免费v片在线观看| 一个人看的www免费视频在线观看| 亚洲大片免费观看| 四虎影视免费永久在线观看| 丝瓜app免费下载网址进入ios| 中文字幕亚洲免费无线观看日本| 好男人视频社区精品免费| 三级黄色片免费看| 亚洲影视自拍揄拍愉拍| 中文字幕亚洲综合久久菠萝蜜| 67194成手机免费观看| 国产天堂亚洲精品| 久久久久亚洲av无码专区导航 | 人妻巨大乳hd免费看| 亚洲高清无在码在线电影不卡| 日韩免费在线观看| 特级精品毛片免费观看| 老司机午夜免费视频|