communication between objects can be accomplished by both notification and proxy (? A object that tells D the object what happened, the A object passes the data to the D object)? Different points? Agent:? One relationship (one object can only tell the other 1 objects what happened)? Notification: A Many-to-many relationship (an object can tell n objects what's going on, 1 objects know what happens when n o
Some time ago want to do a direct re-page to do a popup box to do the modification and new features, check a lot of charges, and over and over finally found a good effect on the RUNJS, a repair can be used, thanks to Daniel's sharingHTML Source: jquery Click Popup--Mask effect--Popup box
Page Mask Popup is the most common case, today with jquery implementation Page Mask popup, the main use of technology has JQUERY,CSS and HTML, The HTML code is as follows: Copy the Code code as follows: The CSS code is as follows: Copy the Code code as follows: Body {Font-family:arial, Helvetica, Sans-serif;font-size:
1. How to use jqueryjquery is a fast, concise JavaScript framework that is a good JavaScript code base ( or JavaScript framework ) after prototype. The purpose of jquery design is "write Less,do more", which advocates writing less code and doing more things. It encapsulates the functionality code common to JavaScript, providing a simple JavaScript design pattern that optimizes HTML document manipulation, event handling, animation design, and Ajax inte
Pre-defined HTML code: noAll code is generated and removed via JS.Pre-defined CSS/*Basic pop-up layer style*/. My-popup-overlay{width:100%;Height:Auto;/*width height is defined by JavaScript*/position:Absolute;Top:0; Left:0;Z-index: +;Background-color:#000;Opacity:0.2;*filter:Alpha (OPACITY=20);}. My-popup{position:fixed;Top:200px; Left:50%;/*margin-left:; defined by JS*/_position:Absolute;_top:expression (
Pop-ups and masking windows that are often used in Ajax. Writing for yourself is definitely the best solution, but the time and the cost are still determined to find out what's on the shelf. Probably a list. I need to meet a few conditions.
Must be concise and convenient
Has a masking function, model Dialog, so-called modal window
Can be based on HTML popup window
You can define the location of the pop-up window, size
In fact
Using jquery version: 1.9
Choose plugins: UI layout1.3, lhgDialog-4.2.0, JQuery UI 1.10.3.
The 1.layout is well built and is introduced in the page
2. Create a layout
$ (document). Ready (function () {
$ (' body '). layout ();
}
3. Add a specific style to the DIV
4. It is important to note that the UI package that joins jquery is designed to give the fram
Magnific Popup is a free responsive jQuery Lightbox plug-in. Compared to other diverse Lightbox plug-ins, Magnific Popup focuses on performance and provides users with the best experience on different devices and is compatible with Zepto. js.Articles you may be interested in
Zoom. js: A unique page content scaling plug-in
-Prefix-free: helps you get rid of
Original: JQUERY+CSS3 Implement package popup Login box effectThe last time I sent an article using JavaScript to implement the pop-up layer, this time just using jquery, so by the way record:Because this time use bootstrap to do a project, but because does not use the bootstrap comes with the JS plug-in, so this pop-up box on its own implementation of the packag
) {Event.preventdefault ();Event.stoppropagation ();}2.js single-Case notation:The use of closures of this feature can achieve some pleasant results, plug-ins in Singlemask and Singledialogmanager are used in a single case, the code can be summarized as follows:3. The calculation of the window and the height of the interior width, feel sometimes write this code really need to take a piece of paper to draw.4. About scroll bar roll to top and bottomElem.clientheight + Elem.scrolltop-elem.scrollhei
Understated luxury jquery pop-up menu, with a new version of the jquery library, compatible with a variety of browsers. Demo Show:http://hovertree.com/texiao/layer/3/This effect can be used as the site's Guide page, using jquery to implement the navigation menu, mouse hover, tilt on the right side, you can close. Large images can be selected with a dark color.As
': x+'px', 'Top': Y+'px' }); }); }); $('Div'). MouseUp (function(){//When the left mouse button is released$ (document). Unbind ('MouseMove');//de-MouseMove event (unbind specifies that one or more event handlers are removed from the specified element.) If no parameters are specified, the Unbind () method removes all event handlers for the specified element. ) //in addition to unbind (). Off () can also be used to dismiss the event-high version of the
Pre-defined HTML code: Not all code is generated and removed via JS.Pre-defined CSS/* Basic pop-up layer style */.my-popup-overlay {width:100%; Height:auto; /* Width height is defined by JavaScript */Position:absolute; top:0; left:0; z-index:1000; Background-color: #000; opacity:0.2; *filter:alpha (opacity=20);}. my-popup{position:fixed; top:200px; left:50%; /* Margin-left:;
straight in, embed the following code in the page: In body, the above code is inserted under the same tag as follows: Completed in general. Note the introduction of the HTML header: Jquery-ui-1.10.3.custom.css Jquery-ui-1.10.3.custom.js If you want to modify the pop-up style, open jquery-ui-1.10.3.custom.css to find the ToolTip See the following code, the foll
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.