在线帮助（类似客服） jquery实现（待优化）

js函数：

function ShowOnlineHelp()

{

    var divLogo = "<div id=\"divOnlineHelp\" style=\"position: absolute; top: 200px; right: 17px;z-index:9999;\">" +

                  "<div>  <a title=\"关闭\" id=\"aclose\" href=\"#\">X</a></div>" +

                  "<div id=\"onlineLogo\" style=\"width: 20px; text-align: center; cursor: pointer;" +

                  "color: #fff; background-color: #bf4d4d; float: left;\"> 在线帮助《</div></div>";

    $("body").append(divLogo);

    var divTips = "<div style=\"border: 1px  #bf4d4d  solid; width: 250px; margin-left: 20px;padding:5px;" +

                  "background-color: #fff; display: none; line-height: 200%\" id=\"divonlineHelpTips\">" +

                   $("#onlineHelpTips").html() + "</div>";

    $("#divOnlineHelp").append(divTips);

    $("#onlineHelpTips").hide();

    $("#onlineLogo").toggle(function() {

        $("#divonlineHelpTips").show(300);

        $(this).html("在线帮助<br/>》");

    }, function() {

        $("#divonlineHelpTips").hide(300);

        $(this).text("在线帮助《");

    });

    $("#aclose").click(function() {

        $("#divOnlineHelp").hide();

    });

}

页面

 

   $(document).ready(function() {

           

           ShowOnlineHelp();

        });

 

        <!-- 在线帮助 -->

        <div id="onlineHelpTips">

              11111111111111111111111111111111111

        </div>