<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<!--
*
* Windows 7 UI & Windows Aero for Websites - jQuery Plugin (v2.0)
* Copyright 2010, Christian Goldbach
* Dual licensed under the MIT or GPL Version 2 licenses.
*
* Project Website:
* http://www.soyos.net/Windows_7_UI_and_Windows_Aero_for_Websites.html
*
*
* SOYOS Online Solutions
* http://www.soyos.net
*
* SOYOS Labs
* http://www.soyos.net/labs.html
*
* SOYOS Help & Support
* http://www.soyos.net/community/
*
* SOYOS on Facebook
* http://facebook.com/soyos.net
*
*
* Requires Easing Plugin for Window Animations:
* jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
*
* Date: 2010-12-05
*
//-->
<head>
<title>DEMO: Windows 7 UI & Windows Aero for jQuery (v2.0)</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="css/jquery-ui-1.8.6.custom.css" rel="stylesheet" type="text/css"/>
<link href="css/AeroWindow.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.1.custom.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery-AeroWindow.js"></script>
<style>
* {
margin: 0px;
padding: 0px;
}
body {
background: url(win7-desktop-bg.jpg);
font-family: arial;
overflow: hidden;
}
#LightboxTeaser {
position: absolute;
top: 50px;
right: 300px;
width: 350px;
-moz-border-radius: 5px;
background: white;
padding: 20px;
color: #222222
}
#LightboxTeaser a {
color: blue;
}
#LightboxTeaser img {
margin: 10px;
border: 0px;
float: left;
}
#LightboxTeaser p {
margin-bottom: 15px;
}
</style>
</head>
<body>
<div id="AD">
<script type="text/javascript"><!--
google_ad_client = "pub-7201128898371258";
/* Windows UI Demo - Desktop BG */
google_ad_slot = "9626177799";
google_ad_width = 160;
google_ad_height = 600;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<!--
###########################################################################
Begin: HTML Content Container for Aero Windows ############################
###########################################################################
-->
<div id="WindowContent-google">
<iframe src="http://www.google.com/cse?cx=partner-pub-7201128898371258%3Asth57t3rplw&ie=ISO-8859-1" width="100%" height="100%" style="border: 0px;" frameborder="0"></iframe>
</div>
<div id="WindowContent-bing">
<iframe src="http://www.bing.com/worldwide.aspx?FORM=WHLH" width="100%" height="100%" style="border: 0px;" frameborder="0"></iframe>
</div>
<div id="WindowContent-links">
<iframe src="iFrameContent/WindowsUI.html" width="100%" height="100%" style="border: 0px;" frameborder="0"></iframe>
</div>
<div id="WindowContent-facebook">
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fsoyos.net&width=460&colorscheme=light&connections=24&stream=false&header=true&height=357" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:460px; height:357px;" allowTransparency="true"></iframe>
</div>
<div id="WindowContent-demo">
<h1>Welcome to the Windows UI for Websites. </h1>
<p>
Control all your Windows also by Links like this: <a href="#" onclick="$('#WindowContent-demo').data('AeroWindow').ResizeWindow('minimize'); return(false);">Minimize this Window</a> or try this: <a href="#" onclick="$('#WindowContent-demo').data('AeroWindow').ResizeWindow('close'); return(false);">Close this Window</a>
</p>
<p>
Generate new Windows with regular HTML-Links like this: <a class="AeroWindowImageLink" href="win7-desktop-bg.jpg">Show Picture</a>
</p>
<p>
Open simple intern and extern Websites: <a class="AeroWindowLink" href="http://www.soyos.net">Open SOYOS Website with AeroWindow</a>
</p>
</div>
<div id="LightboxTeaser">
<h1>Aero Lightbox</h1>
<h2>Use this Plugin also as cool Lightbox!</h2>
<p><a href="lightbox.html" target="_blank">Lightbox Demo<img src="iFrameContent/ExternalLink.gif" border="0" style="margin-top: 2px"></a><br></p>
<div id="AeroWindowLinks">
<p>
<span style="background: yellow">Click on the <strong>links</strong> and <strong>images</strong> below to see the Windows Aero Lightbox in action - Scroll down and click again: Use the cool Windows for your Website! Simple with regular HTML-Links!</span>
</p>
<p>
Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet <a href="http://www.soyos.net/" title="SOYOS Online Solutions">SOYOS Online Solutions</a> Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet <a href="http://www.google.de/" title="Google Web Search">GOOGLE WEB SEARCH</a> Lorem ipsum dolor sit amet
</p>
<p><a href="http://farm2.static.flickr.com/1427/5131292838_16720d591e_z.jpg" title="Sunset on Tenerife (Canary Islands)"><img src="http://farm2.static.flickr.com/1427/5131292838_16720d591e_m.jpg"></a>Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet <a href="http://www.soyos.net/" title="SOYOS Online Solutions">SOYOS Online Solutions</a> Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet <a href="http://www.google.de/" title="Google Web Search">GOOGLE WEB SEARCH</a> Lorem ipsum dolor sit amet</p>
</div>
</div>
<!--
###########################################################################
End: HTML Content Container for Aero Windows ##############################
###########################################################################
-->
<script type="text/javascript">
// Global Settings ------------------------------------------------------
var ShowTaskbar = true;
// Windows Configuration ------------------------------------------------
$('#WindowContent-google').AeroWindow({
WindowTitle: 'Google - Web Search',
WindowDesktopIconFile:'images/icons/google.png',
WindowPositionTop: 'center',
WindowPositionLeft: 'center',
WindowStatus: 'window',
WindowOuterWidth: 900,
WindowOuterHeight: 500
});
$('#WindowContent-bing').AeroWindow({
WindowTitle: 'Microsoft Bing - Web Search',
WindowDesktopIconFile:'images/icons/bing.png',
WindowPositionTop: 'center',
WindowPositionLeft: 'center',
WindowStatus: 'closed',
WindowOuterWidth: 750,
WindowOuterHeight: 300
});
$('#WindowContent-links').AeroWindow({
WindowTitle: 'Helpful Links',
WindowDesktopIconFile:'images/icons/book.png',
WindowPositionTop: 'center',
WindowPositionLeft: 'center',
WindowStatus: 'closed',
WindowOuterWidth: 800,
WindowOuterHeight: 600
});
$('#WindowContent-facebook').AeroWindow({
WindowTitle:
花哨的js防win7窗口 （106个子文件） 
jquery-ui-1.8.6.custom.css 21KB AeroWindow.css 15KB Thumbs.db 8KB Thumbs.db 8KB Thumbs.db 7KB Thumbs.db 6KB Thumbs.db 5KB Thumbs.db 3KB
StartmenuItemBG.gif 2KB loading.gif 2KB empty.gif 1KB ExternalLink.gif 73B
index.html 9KB lightbox.html 8KB StartmenuContent.html 3KB WindowsUI.html 2KB
win7-desktop-bg.jpg 197KB Taskbar_02.jpg 120KB win7-desktop-green-bg.jpg 109KB Taskbar_01.jpg 12KB Taskbar_04.jpg 4KB Taskbar_06.jpg 2KB Taskbar_05.jpg 2KB Taskbar_08.jpg 1KB Taskbar_09.jpg 1KB jquery-ui-1.8.1.custom.min.js 79KB jquery-1.4.2.min.js 71KB jquery-AeroWindow.js 57KB jquery.easing.1.3.js 8KB Soyos-Lightbox-Handler.js 7KB oyos-Lightbox-Handler.js 7KB
lines.png 86KB lines.png 86KB StartButtonIcon.png 15KB help.png 6KB StartMenuBG.png 5KB default.png 5KB book.png 5KB firefox.png 5KB ui-icons_228ef1_256x240.png 4KB ui-icons_ffffff_256x240.png 4KB ui-icons_ef8c08_256x240.png 4KB ui-icons_222222_256x240.png 4KB ui-icons_ffd27a_256x240.png 4KB google.png 4KB bing.png 4KB tr.png 4KB tr.png 4KB bl.png 4KB bl.png 4KB br.png 4KB br.png 4KB tl.png 4KB tl.png 4KB ui-bg_gloss-wave_35_f6a828_500x100.png 4KB bm.png 4KB tm.png 4KB bm.png 4KB tm.png 4KB lm.png 4KB lm.png 4KB rm.png 4KB rm.png 4KB mm.png 4KB mm.png 4KB facebook.png 3KB TaskbarItemHover.png 2KB restoreWindows.png 2KB newWindow.png 2KB minimizeWindows.png 2KB TaskbarItemActiveHover.png 2KB TaskbarItem.png 2KB btn-close.png 2KB TaskbarItemShowDesktop.png 2KB btn-reg.png 2KB TaskbarItemActive.png 2KB btn-max.png 2KB btn-min.png 1KB right.png 1KB left.png 1KB spacer.png 1KB DesktopIconBackgroundMouseoverclickedmouseout_middle.png 1KB DesktopIconBackgroundMouseover_middle.png 1KB DesktopIconBackgroundMouseoverclicked_middle.png 1KB WindowOverlap.png 1KB WindowGrid.png 1KB DesktopIconBackgroundMouseoverclicked_bottom.png 1KB DesktopIconBackgroundMouseoverclickedmouseout_bottom.png 1KB DesktopIconBackgroundMouseover_top.png 1KB DesktopIconBackgroundMouseoverclickedmouseout_top.png 1KB DesktopIconBackgroundMouseover_bottom.png 1KB DesktopIconBackgroundMouseoverclicked_top.png 1KB TaskbarPoints.png 1KB taskbar-bg.png 1023B DesktopIconBackgroundMouseoverclickedmouseout_bg.png 1011B DesktopIconBackgroundMouseoverclicked_bg.png 1011B DesktopIconBackgroundMouseover_bg.png 1011B taskbar-bg.png 1010B ui-bg_diagonals-thick_18_b81900_40x40.png 384B ui-bg_diagonals-thick_20_666666_40x40.png 251B共 106 条
- 1
- 2
资源评论
sword66882011-11-24不算太完美,功能上不是很全,但还是可以用来参考的~
scmhw2013-04-14还可以，适合做二次开发- restring2013-05-24非常不错，应用上了，感谢
傲娇的包子2013-01-26功能虽然不多。但是确实很好看
fanaizhu520530
- 粉丝: 0
- 资源: 3
最新资源
- gan-PCB_Project2.PrjPCB
- gan-PCB_Project2.PrjPCBStructure
- gan-Sheet1.nsx
- gan-PCB1.pcb.htm
- gan-PCB1.PcbDoc
- Status Report.Txt
- PCB1.PcbDoc
- gan-Sheet1.SchDoc
- Workspace1.DsnWrk
- 智能饮水机控制代码code
- Data & Code & Model
- 677463598868024熊出没27.zip
- 苹果开发技术笔记.zip
- 上海市长宁区建筑轮廓shp数据
- kali-2023环境安装.zip
- 基于python深度学习+opencv的多位手写数字识别系统源码+数据集+模型（可作毕设）.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
