基于jquery mobile的个人电脑门户

作者:澎涛 | 分类:科技 | 发布时间:2019-10-24 14:51:03 | 阅读:3076 | 点赞:0 | 点踩:0
标签: 个人门户

由于个人电脑挂载多个应用和目录,以及共享的文件,为了给访客一个清晰的认识,写了个小门户

基于jquery mobile,可以满足不同分辨率的电脑或者手机访问。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="jquery.mobile-1.4.5.min.css">
<script src="jquery.min.js"></script>
<script src="jquery.mobile-1.4.5.min.js"></script>
<script type="text/javascript">
function openwin(port) {
	var ip=window.location.host;
	//ip=ip.substring(0,ip.length-1);
	var strurl='http://'+ip+':'+port;
	//alert(strurl);
	window.location.href=encodeURI(strurl);
};
</script>
</head>
<body>

<div data-role="page" id="pageone" data-theme="a">
  <div data-role="header" data-position="fixed">
    <h1>WeiPt's ThinkPad</h1>
  </div>

  <div data-role="content">
   <h2>服务和文件:</h2>
    <ul data-role="listview" data-inset="true">
      <li><a href="TDCWebService/TDCwebservice.asmx">Webservice</a></li>
      <li><a href="/apk/">apk工具集</a></li>
      <li><a href="/htdm/">PAD程序和htdm</a></li>
    </ul>
	<h2>Web项目:</h2>
    <ul data-role="listview" data-inset="true">
      <li><a href="javascript:openwin('81');">Nfine</a></li>
	  <li><a href="javascript:openwin('82');">ljxc</a></li>
	  <li><a href="javascript:openwin('83');">qkss</a></li>
	  <li><a href="javascript:openwin('84');">RM.Web</a></li>
	  <li><a href="javascript:openwin('85');">HifarETdm</a></li>
	  <li><a href="javascript:openwin('86');">liruan61</a></li>
	  <li><a href="javascript:openwin('87');">gityun</a></li>
	  <li><a href="javascript:openwin('88');">PageAdminV4</a></li>
      <li><a href="javascript:openwin('89');">gitwms</a></li>
    </ul>
	
  </div>

  <div data-role="footer" data-position="fixed">
    <h1>Copyright 2019(C)</h1>
  </div>
</div>

</body>
</html>

用ip直接访问pc即可。

openwin是为了打开同一ip下的不同端口应用,如果没有用到的话,可以不加。

注意必须引入相关js和css

<link rel="stylesheet" href="jquery.mobile-1.4.5.min.css">
<script src="jquery.min.js"></script>
<script src="jquery.mobile-1.4.5.min.js"></script>



评论 (0)

登录 后发表评论

暂无评论