当前位置：网站首页>Qtip2 solves the problem of too many texts

Qtip2 solves the problem of too many texts

2022-07-03 07:22:00 【Maple Leaf pear flower】

One problem encountered in the work is that too much text leads to adaptive size input Frame deformation of , Then I want to use it Qtip2 To solve when there are many texts , Hide a part of , Then put the mouse up and show all . Here is Qtip2 Use cases and effects ( For more information, please visit Official website )

<!DOCTYPE html>
        <html>
        <head>
            <meta charset="utf-8">
            <title>qTip2 Example</title>
      <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
      <script src="http://cdn.jsdelivr.net/qtip2/3.0.3/jquery.qtip.min.js"></script>


      <link rel="stylesheet" type="text/css" href="http://qtip2.com/v/stable/jquery.qtip.css"/>


      <script> $(function(){
      $('.selector').qtip({ content: 'I have a longer fade in duration and slideUp to hide!!I have a longer fade in duration and slideUp to hide', show: { effect: function() {
      $(this).fadeTo(500, 1); } }, hide: { effect: function() {
      $(this).slideUp(); } } }); }); </script>
        </head>

        <body>

            <span class="selector">content......</span>
        </body>


        </html>