⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 default.htm

📁 在网页上模拟windows开始菜单与windows窗口
💻 HTM
字号:
🔍 
<!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" lang="utf-8">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>XH.WebCMS后台管理平台</title>
<META http-equiv=Pragma content=no-cache>
<META http-equiv=Cache-Control content=no-cache>
<META http-equiv=Expires content=0>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<script type="text/javascript" src="win.js"></script>
<body scroll="no" ondragstart="return false" onSelectStart="return false">

<!--桌面-->
<table border=0 cellpadding="0" cellspacing="8">
<tr><td title="我的电脑" class=tabmenuup onmouseover="this.className='tabmenuover'" onmousedown="this.className='tabmenudown'" onmouseup="this.className='tabmenuover'" onmouseout="this.className='tabmenuup'" ondblclick="this.className='tabmenudown';win('t1','我的电脑','demo.htm','350','450','0','0','4')"><img id="tablebut" src="winimg/blank.gif" class="t_but1"><br>我的电脑</td>
<td title="我的文档" class=tabmenuup onmouseover="this.className='tabmenuover'" onmousedown="this.className='tabmenudown'" onmouseup="this.className='tabmenuover'" onmouseout="this.className='tabmenuup'" ondblclick="this.className='tabmenudown';win('t2','我的文档','demo.htm','800','480','20','100','4')"><img id="tablebut" src="winimg/blank.gif" class="t_but2"><br>我的文档</td></tr>
<tr><td title="博客空间" class=tabmenuup onmouseover="this.className='tabmenuover'" onmousedown="this.className='tabmenudown'" onmouseup="this.className='tabmenuover'" onmouseout="this.className='tabmenuup'" ondblclick="this.className='tabmenudown';win('t3','博客空间','demo.htm','350','450','20','20','4')"><img id="tablebut" src="winimg/blank.gif" class="t_but3"><br>博客空间</td>
<td title="商城店铺" class=tabmenuup onmouseover="this.className='tabmenuover'" onmousedown="this.className='tabmenudown'" onmouseup="this.className='tabmenuover'" onmouseout="this.className='tabmenuup'" ondblclick="this.className='tabmenudown';win('t4','商城店铺','demo.htm','350','450','20','20','4')"><img id="tablebut" src="winimg/blank.gif" class="t_but4"><br>商城店铺</td></tr>
<tr><td title="虚拟形象" class=tabmenuup onmouseover="this.className='tabmenuover'" onmousedown="this.className='tabmenudown'" onmouseup="this.className='tabmenuover'" onmouseout="this.className='tabmenuup'" ondblclick="this.className='tabmenudown';win('t5','虚拟形象','demo.htm','350','450','20','20','4')"><img id="tablebut" src="winimg/blank.gif" class="t_but5"><br>虚拟形象</td>
<td title="自助服务" class=tabmenuup onmouseover="this.className='tabmenuover'" onmousedown="this.className='tabmenudown'" onmouseup="this.className='tabmenuover'" onmouseout="this.className='tabmenuup'" ondblclick="this.className='tabmenudown';win('t6','自助服务','demo.htm','350','450','20','20','4')"><img id="tablebut" src="winimg/blank.gif" class="t_but6"><br>自助服务</td></tr>
<tr><td title="好友圈子" class=tabmenuup onmouseover="this.className='tabmenuover'" onmousedown="this.className='tabmenudown'" onmouseup="this.className='tabmenuover'" onmouseout="this.className='tabmenuup'" ondblclick="this.className='tabmenudown';win('t7','好友圈子','demo.htm','350','450','20','20','4')"><img id="tablebut" src="winimg/blank.gif" class="t_but7"><br>好友圈子</td>
<td title="控制面板" class=tabmenuup onmouseover="this.className='tabmenuover'" onmousedown="this.className='tabmenudown'" onmouseup="this.className='tabmenuover'" onmouseout="this.className='tabmenuup'" ondblclick="this.className='tabmenudown';win('t8','控制面板','demo.htm','350','450','20','20','4')"><img id="tablebut" src="winimg/blank.gif" class="t_but8"><br>控制面板</td></tr>
<tr><td title="发布信息" class=tabmenuup onmouseover="this.className='tabmenuover'" onmousedown="this.className='tabmenudown'" onmouseup="this.className='tabmenuover'" onmouseout="this.className='tabmenuup'" ondblclick="this.className='tabmenudown';win('t9','发布信息','demo.htm','350','450','20','20','4')"><img id="tablebut" src="winimg/blank.gif" class="t_but9"><br>发布信息</td>
<td title="互动聊天" class=tabmenuup onmouseover="this.className='tabmenuover'" onmousedown="this.className='tabmenudown'" onmouseup="this.className='tabmenuover'" onmouseout="this.className='tabmenuup'" ondblclick="this.className='tabmenudown';win('t10','互动聊天','demo.htm','350','450','20','20','4')"><img id="tablebut" src="winimg/blank.gif" class="t_but10"><br>互动聊天</td></tr>
<tr><td title="系统帮助" class=tabmenuup onmouseover="this.className='tabmenuover'" onmousedown="this.className='tabmenudown'" onmouseup="this.className='tabmenuover'" onmouseout="this.className='tabmenuup'" ondblclick="this.className='tabmenudown';win('t11','系统帮助','demo.htm','350','450','20','20','4')"><img id="tablebut" src="winimg/blank.gif" class="t_but11"><br>系统帮助</td><td>&nbsp;</td></tr>
</table>


<!--任务栏-->
<span id="winbottom">
<span style="float:left"><img id="footbut" src="winimg/blank.gif" class="button1" onmouseover="this.className='button1_0'" onmouseout="this.className='button1'" onclick="MoveMenuBox()">
</span>

<!--时间-->
<span style="font-size:12px;line-height:20px;float:right;padding-right:15px;width:40px;text-align:right;padding-top:4px;color:#ffffff" id="timetable"></span><span style="margin-top:3px;float:right;width:2px;height:23px;padding-top:1px;background-image:url('winimg/menuline.gif')"></span>
</span>

<!--开始菜单-->
<span style="position:absolute;z-index:999;bottom:29px;left:0px;OVERFLOW:hidden;WIDTH:200px; HEIGHT:427px;">
<TABLE id=MenuBox style="border-top:1px #666666 solid;border-left:1px #666666 solid;border-right:1px #333333 solid;border-bottom:1px #333333 solid;VISIBILITY: hidden;POSITION: relative" cellSpacing=0 cellPadding=0 width=100% height=427>
<TR><TD style="width:25px;background-image:url('winimg/ksmenubg.gif');"></td><td style="border-left:1px #cccccc solid;background:#ffffff;padding-top:1px" valign=top>
<TABLE cellSpacing=0 cellPadding=0 width=100%>

<tr><td class=ksmenuout onmouseover="this.className='ksmenuover'" onmouseout="this.className='ksmenuout'" onclick="MoveMenuBox();"><img id="ksbut" align=middle src="winimg/blank.gif" class="k_but1">我收藏的URL</TD></TR>
<tr><td class=ksline>&nbsp;</td></tr>
<tr><td class=ksmenuout onmouseover="this.className='ksmenuover'" onmouseout="this.className='ksmenuout'" onclick="MoveMenuBox();"><img id="ksbut" align=middle src="winimg/blank.gif" class="k_but2">我的博客</TD></TR>
<tr><td class=ksmenuout onmouseover="this.className='ksmenuover'" onmouseout="this.className='ksmenuout'" onclick="MoveMenuBox();"><img id="ksbut" align=middle src="winimg/blank.gif" class="k_but3">我的店铺</TD></TR>
<tr><td class=ksmenuout onmouseover="this.className='ksmenuover'" onmouseout="this.className='ksmenuout'" onclick="MoveMenuBox();"><img id="ksbut" align=middle src="winimg/blank.gif" class="k_but4">我的形象</TD></TR>
<tr><td class=ksline>&nbsp;</td></tr>
<tr><td class=ksmenuout onmouseover="this.className='ksmenuover'" onmouseout="this.className='ksmenuout'" onclick="MoveMenuBox();"><img id="ksbut" align=middle src="winimg/blank.gif" class="k_but5">我的音乐盒</TD></TR>
<tr><td class=ksmenuout onmouseover="this.className='ksmenuover'" onmouseout="this.className='ksmenuout'" onclick="MoveMenuBox();"><img id="ksbut" align=middle src="winimg/blank.gif" class="k_but6">我的话题</TD></TR>
<tr><td class=ksmenuout onmouseover="this.className='ksmenuover'" onmouseout="this.className='ksmenuout'" onclick="MoveMenuBox();"><img id="ksbut" align=middle src="winimg/blank.gif" class="k_but7">我关注的好友</TD></TR>
<tr><td class=ksmenuout onmouseover="this.className='ksmenuover'" onmouseout="this.className='ksmenuout'" onclick="MoveMenuBox();"><img id="ksbut" align=middle src="winimg/blank.gif" class="k_but8">我的文档</TD></TR>
<tr><td class=ksline>&nbsp;</td></tr>
<tr><td class=ksmenuout onmouseover="this.className='ksmenuover'" onmouseout="this.className='ksmenuout'" onclick="MoveMenuBox();"><img id="ksbut" align=middle src="winimg/blank.gif" class="k_but9">程序附件</TD></TR>
<tr><td class=ksmenuout onmouseover="this.className='ksmenuover'" onmouseout="this.className='ksmenuout'" onclick="MoveMenuBox();"><img id="ksbut" align=middle src="winimg/blank.gif" class="k_but10">官方相关链接</TD></TR>
<tr><td class=ksmenuout onmouseover="this.className='ksmenuover'" onmouseout="this.className='ksmenuout'" onclick="MoveMenuBox();"><img id="ksbut" align=middle src="winimg/blank.gif" class="k_but11">高级搜索</TD></TR>
<tr><td class=ksmenuout onmouseover="this.className='ksmenuover'" onmouseout="this.className='ksmenuout'" onclick="MoveMenuBox();"><img id="ksbut" align=middle src="winimg/blank.gif" class="k_but12">控制面板</TD></TR>
<tr><td class=ksmenuout onmouseover="this.className='ksmenuover'" onmouseout="this.className='ksmenuout'" onclick="MoveMenuBox();"><img id="ksbut" align=middle src="winimg/blank.gif" class="k_but13">帮助和支持</TD></TR>
<tr><td class=ksline>&nbsp;</td></tr>
<tr><td class=ksmenuout onmouseover="this.className='ksmenuover'" onmouseout="this.className='ksmenuout'" onclick="MoveMenuBox();"><img id="ksbut" align=middle src="winimg/blank.gif" class="k_but14">注销退出</TD></TR>
</TABLE></TD></TR></TABLE></span>



<!--右键菜单>
<span id="right_menu" style="position:absolute;z-index:1000;top:0px;left:0px;width:150px;height:220px;display:none;text-align:left;background:#F4F6F4;padding:2px;border-top:1px #666666 solid;border-left:1px #666666 solid;border-right:1px #333333 solid;border-bottom:1px #333333 solid">
<TABLE cellSpacing=0 cellPadding=0 width=100%>
<tr><td height=23 class=ksmenuout onmouseover="this.className='ksmenuover'" onmouseout="this.className='ksmenuout'" onclick="MoveMenuBox();"><img align=left id="rightbut" src="winimg/blank.gif" class="button2">收缩/弹出开始菜单</TD></TR>
<tr><td height=23 class=ksmenuout onmouseover="this.className='ksmenuover'" onmouseout="this.className='ksmenuout'" onclick="win('div1','关于我们','demo.htm','500','300','100','250','1');"><img align=left id="rightbut" src="winimg/blank.gif" class="button3">关于我们</TD></TR>
<tr><td height=23 class=ksmenuout onmouseover="this.className='ksmenuover'" onmouseout="this.className='ksmenuout'" onclick="window.location='?'"><img align=left id="rightbut" src="winimg/blank.gif" class="button4">刷 新</TD></TR>
<tr><td colspan=2 class="ksline">&nbsp;</td></tr>
<tr><td height=23 class=ksmenuout onmouseover="this.className='ksmenuover'" onmouseout="this.className='ksmenuout'" onclick="window.location='?'"><img align=left id="rightbut" src="winimg/blank.gif" class="button5">互动聊天室</TD></TR>
<tr><td height=23 class=ksmenuout onmouseover="this.className='ksmenuover'" onmouseout="this.className='ksmenuout'" onclick="window.location='?'"><img align=left id="rightbut" src="winimg/blank.gif" class="button6">音乐连播器</TD></TR>
<tr><td colspan=2 class="ksline">&nbsp;</td></tr>
<tr><td height=23 class=ksmenuout onmouseover="this.className='ksmenuover'" onmouseout="this.className='ksmenuout'" onclick="window.location='?'"><img align=left id="rightbut" src="winimg/blank.gif" class="button7">帮助和支持</TD></TR>
<tr><td height=23 class=ksmenuout onmouseover="this.className='ksmenuover'" onmouseout="this.className='ksmenuout'" onclick="window.location='?'"><img align=left id="rightbut" src="winimg/blank.gif" class="button8">寻求在线帮助</TD></TR>
<tr><td colspan=3 class="ksline">&nbsp;</td></tr>
<tr><td height=23 class=ksmenuout onmouseover="this.className='ksmenuover'" onmouseout="this.className='ksmenuout'" onclick="window.location='?'"><img align=left id="rightbut" src="winimg/blank.gif" class="button9">显示属性</TD></TR>
<tr><td height=23 class=ksmenuout onmouseover="this.className='ksmenuover'" onmouseout="this.className='ksmenuout'" onclick="window.location='?'"><img align=left id="rightbut" src="winimg/blank.gif" class="button10">关闭右键菜单</TD></TR>
</table>
</span>

<script>
win('div1','关于我们','demo.htm','500','300','100','250','1');
</script>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -