[新手上路]批处理新手入门导读[视频教程]批处理基础视频教程[视频教程]VBS基础视频教程[批处理精品]批处理版照片整理器
[批处理精品]纯批处理备份&还原驱动[批处理精品]CMD命令50条不能说的秘密[在线下载]第三方命令行工具[在线帮助]VBScript / JScript 在线参考
返回列表 发帖

[系统相关] [已解决]hta代码,如何根据显示器屏幕尺寸/分辨率智能调整文字的位置和大小?

[已解决]hta代码,如何根据显示器屏幕尺寸/分辨率,智能调整。

hta代码,需要解决的问题主要是:
1、让时间居中、尽量最大化字体显示在屏幕中间。
2、任何尺寸大小/任何分辨率高低的显示器。
都能全屏/居中/尽量大字体显示。
能够根据显示器屏幕尺寸/分辨率,智能调整。
2

评分人数

    • CrLf: 感谢给帖子标题标注[已解决]字样PB + 2
    • pcl_test: 未按版规发帖PB -4

想要显示的效果如下

TOP

这个应该属于,网页代码,java脚本之类的?

TOP

div+css

TOP

简单的页面,可以使用这种自适应设计。
自适应网页设计(Responsive Web Design)
http://www.ruanyifeng.com/blog/2012/05/responsive_web_design.html


复杂的页面,需要判断屏幕大小,分别设计。
『千江有水千江月』千江有水,月映千江;万里无云,万里青天。    http://yu2n.qiniudn.com/

TOP

用js吧,可以的。但是自己先要定义一下多种分辨率

TOP

回复 6# 522235677


    分辨率如果不是固定的呢?
显示器,预先并不知道具体多大尺寸/多高分辨率。

TOP

回复 5# yu2n


    一般就是xp/win7系统环境下的平板/笔记本/台式机显示器。

屏幕的具体尺寸/分辨率,都不是固定的。

TOP

试了下。在一台显示器上调整好了
换到另一台不同尺寸/不同分辨率的显示器上,显示就不满足要求了。

TOP

回复 7# ygqiang


    所以让你自己定义啊,如果是1680*1050,窗口应该设成多大大小。如果是1366*762又设成多少

TOP

回复 10# 522235677


显示器分辨率有很多种。不是固定的啊。

TOP

回复 11# ygqiang


    所以他说用 JavaScript 啊
    但是个人觉得这还是用 CSS 来实现比较好,见 5 楼链接

TOP

本帖最后由 ygqiang 于 2016-3-17 20:56 编辑

回复 12# CrLf


    有人说:这个得用js脚本控制
js获取浏览器的宽高比例,
然后当达到某个比例的时候,就改变一下font-size字体大小

TOP

回复 13# ygqiang


    你到底有没有看 5 楼链接?他发的东西都已经写得那么清楚了

TOP

回复 14# CrLf


    多谢。解决了。。

时间屏保.hta
  1. <script language=vbscript>
  2. For Each Proc In GetObject("winmgmts:\\.\root\cimv2").ExecQuery("Select * from Win32_Process Where Name = 'mshta.exe'")
  3. if instr(Proc.commandline,location.pathname) then
  4. if proc.Priority>9 then  '检查进程优先级是否为设置值10,是则为已运行的原进程
  5.     if  msgbox("程序已运行, 重新运行请按确认!", VbOK+vbInformation)<>1 then window.close() else Proc.Terminate
  6.   else proc.SetPriority(32768)'64低 16384低于标准 32标准 32768高于标准 128高 256高(实时?)
  7.   end if
  8. end if
  9. Next
  10. </script>
  11. <script language=vbscript>
  12. RecTimer=Window.setInterval("PausedSection(0)",500)  //  window.clearInterval(RecTimer)  
  13. function  PausedSection(rush)
  14. ON Error resume Next
  15. document.getElementById("curtime").innertext=Hour(Now)&":"&right("0"&Minute(Now),2)
  16. document.getElementById("cursec").innertext=right("0"&Second(Now),2)
  17. document.getElementById("curdate").innertext=Month(Now)&"-"&day(Now)
  18. document.getElementById("curweek").innertext="周"& mid("日一二三四五六",Weekday(Now),1)
  19. End function
  20. '''vertical-align:middle;line-height: 80px;
  21. </script>
  22. <script language="JavaScript" type="text/javascript">
  23.     function changeFontSize() {
  24.         var w = document.body.clientWidth
  25.         var h = document.body.clientHeight
  26.         var size = w/3;
  27.         if (w > 2000) {
  28.             size = w/3;
  29.         } else  {
  30.             size = w/3;
  31.         }
  32.         document.getElementById("curtime").style.fontSize = ""+size+"px";
  33.         var size2 = w/9;
  34.         document.getElementById("cursec").style.fontSize = "" + size2 + "px";
  35.         document.getElementById("curdate").style.fontSize = "" + size2 + "px";
  36.         document.getElementById("curweek").style.fontSize = "" + size2 + "px";
  37.     }
  38.     setInterval( changeFontSize,100);
  39. </script>
  40. <body   bgcolor=#000000 bordercolor=#000000 >
  41.     <table style="width:100%; height:100%; text-align:center">
  42.         <tr>
  43.             <td>
  44. <strong><a id=curtime style="font-size:400px;color:#ffffff;font-family:黑体" /></strong>
  45. <strong><a id=cursec style="font-size:50px;color:#ffffff;margin-left: 8px;"/>
  46. <p></strong>
  47. <strong><a id=curdate style="font-size:50px;color:#ffffff;font-family:黑体;margin-left: 50px;" /></strong>
  48. <strong><a id=curweek style="font-size:50px;color:#ffffff;font-family:黑体;margin-left: 50px;" /></strong>
  49.             </td>
  50.         </tr>
  51.     </table>
  52. <body scroll=no bgcolor=#000000 bordercolor=#000000 onclick=window.close() onkeyup=window.close()>
  53. <HTA:APPLICATION ID="screen"
  54. APPLICATIONNAME="myApp1"
  55. contextMenu ="no"
  56. BORDER="none"
  57. innerBorder="no"
  58. CAPTION="no"
  59. maximizebutton="yes"
  60. minimizebutton="yes"
  61. SHOWINTASKBAR="yes"
  62. SINGLEINSTANCE="yes"
  63. SYSMENU="no"
  64. VERSION="1.0"
  65. WINDOWSTATE="maximize"
  66. ICON="taskmgr.exe"
  67. />
复制代码

TOP

返回列表