助力高校计算机教育 —— 码云为老师推出免费高校版,高达 200 人的协作团队
Watch Star Fork

jeArts / JEUIJavaScript

加入码云
与超过 200 万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
JEUI 是一款国产前端UI框架,遵循原生HTML/CSS/JS的书写与组织形式,国内很多程序员javascript不熟, 大大影响了开发速度. 因此JEUI不需要开发人员去关心javascript怎么写, 只要写标准html就可以了,门槛极低,拿来即用。其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码到API的每一处细节都经过精心雕琢,非常适合界面的快速开发。 http://www.jemui.com/
一键复制 编辑 原始数据 按行查看 历史
dropdown.html 1.80 KB jeSinArts 提交于 2017-07-13 16:00 . jeui 1.0.2
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>je-tree</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="wcodeth=device-wcodeth, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="css/jeui.css" media="all">
<script type="text/javascript" src="js/modules/jquery.min.js"></script>
<script type="text/javascript" src="js/modules/jeDropdown.js"></script>
</head>
<body>
<div >
<blockquote class="je-quote je-f16">
jeDropdown
</blockquote>
<div style="padding-top: 100px; text-align: center;">
<button class="je-btn je-bg-green je-w15" id="down01">绿色按钮</button>
<button class="je-btn je-bg-orange je-w15" id="down02">暖色按钮</button><br/><br/><br/>
<button class="je-btn je-bg-green je-w15" id="down03">绿色按钮</button>
<button class="je-btn je-bg-orange je-w15" id="down04">暖色按钮</button>
</div>
</div>
<script type="text/javascript">
var jsonlist = [
{
name: "首页",
url: "http://www.jayui.com/",
list: {
tid: "M006",
name: "je原创插件库",
url: "http://www.jayui.com/"
}
},
{
name: "车辆买卖",
list:{
tid: "M007",
name: "别克"
}
}
];
$("#down01").jeDropdown({dataDrop:jsonlist,align:"top"});
$("#down02").jeDropdown({dataDrop:jsonlist,align:"right"});
$("#down03").jeDropdown({dataDrop:jsonlist,align:"left"});
$("#down04").jeDropdown({dataDrop:jsonlist,align:"bottom"});
</script>
<!--http://www.qdfuns.com/notes/13967/3cdebc6a132f33a3e65aa2b6019a7487.html-->
</body>
</html>
10_float_left_people 10_float_left_close