首页 / HTML / HTML,CSS 无边框桌面窗口

HTML,CSS 无边框桌面窗口

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了HTML,CSS 无边框桌面窗口，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1527字，纯文字阅读大概需要3分钟。

内容图文

1.  [图片] htmlui.jpgbubuko.com,布布扣    

bubuko.com,布布扣
?2. [代码]下面源码复制到快手（WWW.AAU.CN）中运行即可     
import win.ui;
/*DSG{{*/
var winform = ..win.form( bottom=399;text="HTMLayout - 无边框窗口";border="none";right=599 )
winform.add(  )
/*}}*/
 
import win.util.round;
win.util.round(winform,,,6,6); //窗体改成圆角,最后两个参数指定圆角半径
 
import web.layout;
import web.layout.behavior.windowCommand;
import web.layout.behavior.windowSizer;
 
//创建网页浏览器
var wbLayout = web.layout( winform )
 
wbLayout.html = /**
<div #title-bar command="window-caption">  
    <div .buttons> 
        <a command="window-min">0</a>
        <a command="window-max">1</a>
        <a command="window-close">r</a>
    </div> 
</div>
 
<div />  
**/
 
wbLayout.css = /**
html{
    background:#999;/*网页背景色*/
    border-radius:4px; /*8像素大小的圆角*/
}http://www.enterdesk.com/special/shouhui/?
 
#title-bar{ 手绘图片
    behavior:windowCommand;/*添加交互行为:windowCommand*/
    width:100%; /*宽度撑满窗口*/
    height:21px; /*高度36像素,px表示单位为像素*/
    background:#CCCCCC; /*背景色*/
} 
 
#title-bar .buttons { 
    width:85px;/*宽度85像素*/
    height:16px;/*高度16像素*/
    flow:horizontal;/*内部水平布局横向排列按钮*/
     
    position:absolute;/*使用绝对定位*/
    right:2px;/*右边距2像素*/
    top:0px;/*顶边距0像素*/
}
 
#title-bar a[command]{
    display:block; /*显示为块模式,才能指定宽高*/
    width:16px;/*宽度16像素*/
    height:16px;/*高度16像素*/
    font-family:"Marlett"; /*该字体显示按钮符号*/
    padding:4px 2px 5px 4px;/*上右下左内边距*/
}
#title-bar a[command]:hover{ 
    background:#999;/*鼠标移到节点上改变背景色*/
}
  
#title-bar a[command="window-restore"]{ 
    content:"2";/*自动转换到还原按钮时,改变内部文本为还原符号*/
}
**/
 
winform.show() 
win.loopMessage();

原文：http://www.cnblogs.com/xkzy/p/3935420.html

内容总结

以上是互联网集市为您收集整理的HTML,CSS 无边框桌面窗口全部内容，希望文章能够帮你解决HTML,CSS 无边框桌面窗口所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1043844.html

来源：【匿名】