jucai/resources/views/admin/system/userlog/index.blade.php

{!! $grid !!}
<style>
    p#vtip { display: none; position: absolute; padding: 10px; left: 5px; font-size: 0.8em; background-color: white; border: 1px solid #a6c9e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999 }
    p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px }
</style>

<div class="modal fade" id="dialog" tabindex="-1" role="dialog" aria-labelledby="ModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="myModalLabel1">业务</h4>
            </div>
            <div class="modal-body">
                {{-- <div class="overlay">
                     <i class="fa fa-refresh fa-spin"></i>
                 </div>--}}
                <div class="contentfade">

                </div>
            </div>
        </div>
    </div>
</div>



<script>
    $(function () {


        vtip = function() {
            this.xOffset = -10; // x distance from mouse
            this.yOffset = 15; // y distance from mouse
            $(".vtip").unbind().hover(
                function(e) {
                    // alert(123);
                    this.t = $(this).attr("title");
                    this.title = '';
                    this.top = (e.pageY + yOffset);
                    this.left = (e.pageX + xOffset);
                    $('body').css("cursor","pointer");
                    $('p#vtip').width()>450?$('p#vtip').width(450):'';
                    $('body').append( '<p id="vtip">' + this.t + '</p>' );
                    $('p#vtip').css("top", this.top+"px").css("left", this.left+"px").fadeIn(0);
                },
                function() {
                    this.title = this.t;
                    $('body').css("cursor","");
                    $("p#vtip").fadeOut("slow").remove();
                }
            ).mousemove(
                function(e) {
                    this.top = (e.pageY + yOffset);
                    this.left = (e.pageX + xOffset);
                    $("p#vtip").css("top", this.top+"px").css("left", this.left+"px");
                }
            );

        };
        vtip();

    })

</script>