In addition to Weibo, there is also WeChat
Please pay attention
WeChat public account
Shulou
2025-02-21 Update From: SLTechnology News&Howtos shulou NAV: SLTechnology News&Howtos > Development >
Share
Shulou(Shulou.com)06/02 Report--
In this issue, the editor will bring you about what the jQuery information prompt tool is. The article is rich in content and analyzes and narrates it from a professional point of view. I hope you can get something after reading this article.
Poshy Tip is a very friendly information prompt tool, it is based on jQuery, when the mouse over the link, a message bar will appear. The content of the information can be set directly in HTML or data called from the server, and the plug-in also provides a number of properties and methods.
HTML
Three examples of usage are provided in Demo, and the page code is as follows:
1. Slide the mouse up here and have a look.
2. User name:
3. Server call: slide the mouse here to load the picture.
Of course, don't forget to load the jquery library and poshytip plug-ins and related styles.
JQuery
1. Basic use:
("# tip1") .poshytip ()
2. Form hint: when the input box gets focus, a prompt toolbar appears on the right
('# user') .poshytip ({className: 'tip-yellowsimple', showOn:' focus', alignTo: 'target', alignX:' right', alignY: 'center', offsetX: 5})
3. Server call: get the returned data by calling the server ajax.php.
$('# remote') .poshytip ({alignY: 'bottom', content: function (updateCallback) {$.get (' ajax.php?id=1',function (msg) {updateCallback (msg);}); return 'Loading...';}})
List of parameters and methods
The parameter / method describes the contents of the content prompt toolbar, which is obtained by default from the element's title attribute. The style of the className prompt bar the transition time before the showTimeout prompt bar appears, the transition time of the hideTimeout prompt bar disappears, the showOn prompt bar is triggered, there are three ways: 'hover',' focus', 'none', the alignX prompt bar appears horizontally relative to the current element There are 'right',' center', 'left',' inner-left', 'inner-right' alignY toolbars in the vertical direction relative to the current element,' bottom', 'center',' top', 'inner-bottom',' inner-top' offsetX relative to the X direction, and digital offsetY relative to the Y direction. Digital hideTimeout toolbar disappears transition time hideTimeout toolbar disappears transition time offsetY disappears relative to Y direction, digital allowTipHover allows the mouse to slide over the toolbar whether fade uses fade animation, true/false slide uses sliding animation, true/false method: show. Poshytip ('show'), manual trigger display prompt toolbar method: hide. Poshytip (' hide') Manually trigger hidden prompt toolbar method: disable .poshytip ('disable'), manually trigger disable prompt toolbar method: enable .poshytip (' enable'), manually trigger enable prompt toolbar
This is what the jQuery information prompt tool shared by Xiaobian is like. If you happen to have similar doubts, you might as well refer to the above analysis to understand. If you want to know more about it, you are welcome to follow the industry information channel.
Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.
Views: 0
*The comments in the above article only represent the author's personal views and do not represent the views and positions of this website. If you have more insights, please feel free to contribute and share.
Continue with the installation of the previous hadoop.First, install zookooper1. Decompress zookoope
"Every 5-10 years, there's a rare product, a really special, very unusual product that's the most un
© 2024 shulou.com SLNews company. All rights reserved.