aardio的web.view导航菜单

最新推荐文章于 2024-07-05 22:45:00 发布

善小而为

最新推荐文章于 2024-07-05 22:45:00 发布

阅读量197

点赞数

文章标签：前端开发语言

本文链接：https://blog.csdn.net/weixin_43250893/article/details/131927171

版权

import win.ui;
/*DSG{{*/
var winform = win.form(text="导航菜单";right=759;bottom=469)
winform.add(
custom={cls="custom";text="自定义控件";left=0;top=0;right=761;bottom=46;aw=1;bgcolor=10789024;z=1};
edit={cls="edit";left=29;top=117;right=716;bottom=340;ah=1;aw=1;dt=1;edge=1;multiline=1;vscroll=1;z=2};
plus={cls="plus";text="项目 >>>";left=27;top=63;right=149;bottom=103;align="left";color=16711680;dt=1;font=LOGFONT(h=-16;weight=700);z=3}
)
/*}}*/

//aardio的web.view导航菜单

import win.dlg.message;

import web.view;
var wb = web.view(winform.custom);

wb.external = {
	showmsg = function(info){
		//winform.msgOk("你好")
		winform.plus.setFont(h=-18,name="微软雅黑")
		winform.plus.text = info ++ ' >>> '
		winform.edit.text = info
	}
	
}

wb.html = /**
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <style type="text/css">
    /* a:link ->a:hover ->a:active ->a:visited */
    /* link 未访问 hover/focus 鼠标悬停 active 点击 visited 已经访问 */
    ul {list-style-type: none;margin: 0;padding: 0;background-color: #999;overflow: hidden;}
 	li {float: left;}
 	li span {color: white;padding: 14px 16px;display: inline-block;text-decoration: none;}
 	//li span:hover {background-color: green;}
 	.main {background-color: green;}
 	.cursor  {cursor:Pointer;}
    </style>
    <script type="text/javascript">
    document.oncontextmenu=function(){return false;}
	function bkcolor(ele){
		var eles = document.querySelectorAll('ul>li>span')
		for(i=0;i<eles.length;i++){
			eles[i].style['background-color']='#999'
		}
		ele.style['background-color']='green';
	}
    </script>
</head>
<body topmargin=0 leftmargin=0 style="overflow:hidden">
<ul>
    <li><span class="main cursor" onclick="bkcolor(this);aardio.showmsg('主页')">主页</span></li>
    <li><span class="cursor" onclick="bkcolor(this);aardio.showmsg('制度')">制度</span></li>
    <li><span class="cursor" onclick="bkcolor(this);aardio.showmsg('流程')">流程</span></li>
    <li><span class="cursor" onclick="bkcolor(this);aardio.showmsg('项目')">项目</span></li>
    
    <li style="float: right;"><span class="cursor" onclick="bkcolor(this);aardio.showmsg('关于')">关于</span></li>
    <li style="float: right;"><span class="cursor" onclick="bkcolor(this);aardio.showmsg('帮助')">帮助</span></li>
</ul>
<!--
<h3>导航栏上的下拉菜单</h3>
<p>鼠标移动到 "下拉菜单" 链接先显示下拉菜单。</p>
-->
</body>
</html>
**/

winform.show();
win.loopMessage();