jquery 简单的弹出页面 弹出层

Click me to open a blank window. new window

Click me to open a mini window new window

Here's some anchors links that have a class=jquery-wm attribute. These will open up in child windows. slashdot, slickdeals clone this page

Open child windows using jquery object.

var $w = $().WM('open','http://retrogames.com');

// other jquery extensions that can be used on children windows
$w.WM('maximize');
$w.WM('minimize');
$w.WM('raise');
$w.WM('close');

// open a window and manipulate the window content
var $w = $().WM('open');
$w.find('.titlebartext').text('foo');
$w.find('.windowcontent').html('here is some content');

Stylize with CSS

.window { background-color: purple; border-width: 4px; border-color: yellow; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); opacity: .2; } .windowtitlebar { background-color: black; color: green; } .window.focused { background-color: purple; border-width: 8px; border-color: green; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); opacity: .9; } .window.focused .windowtitlebar { background-color: orange; color: red; text-decoration: blink; } .window.focused .windowcontent { background-color: white; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .window .horizbuts * { background-color: yellow; } try it