HTML,CSS 无边框桌面窗口
2024-09-03 01:01:02
1. [图片] htmlui.jpg
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();
最新文章
- 【原创】刚刚发现的SVN的几个有用的功能
- JStorm注意事项
- Python 调用自定义包
- 关于tableView的优化
- sysconf和pathconf使用
- (转载)MatLab绘图
- 利用cookie改变背景色
- Java编程规范(二)
- SQL Server安装【转载】
- VC++中字符串编码处理的一些相关问题
- flask轻量级框架入门
- 64位 windows10,MYSQL8.0.13重置密码(忘记密码或者无法登录)
- sysbench安装、对Mysql压力测试、结果解读及mysql数据库跟踪优化
- 2.13 table表格定位
- 对 /dev/shm的认识
- Java类的封装
- angularJS1笔记-(8)-内置指令
- 转 如何在IOS设备中去掉屏幕上的status bar
- 微软 WCF的几种寄宿方式,寄宿IIS、寄宿winform、寄宿控制台、寄宿Windows服务
- .NET Framework 4安装失败