JavaScript提高：002：ASP.NET使用easy UI实现tab效果

时间：2014-07-31 09:32:15 阅读：188 评论：0 收藏：0 [点我收藏+]

最近在做ASP.NET项目中，需要实现一个tab页控件。发现asp.net控件中没找到现成的。一般的实现都需要js和div配合。于是就用到了easyui里面的。使用也很简单，将easyui需要的js和样式文件都加载后。直接用div即可实现。

效果如下

bubuko.com,布布扣

代码也很简单，每个tab是一个div。引用easyui的样式即可。

页面代码如下：

[html] view plain copy print ?

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>tabsPage</title>
<link href="Scripts/EasyUI/themes/icon.css" rel="stylesheet" type="text/css" />
<link href="Scripts/EasyUI/themes/default/easyui.css" rel="stylesheet" type="text/css" />
<script src="Scripts/EasyUI/jquery-1.8.0.min.js" type="text/javascript"></script>
<script src="Scripts/EasyUI/jquery.easyui.min.js" type="text/javascript"></script>
<script src="Scripts/EasyUI/easyui-lang-zh_CN.js" type="text/javascript"></script>
<script src="Scripts/Common.js" type="text/javascript"></script>
</head>
<body>
<div id="tabTop" class="easyui-tabs">
<div title="星期一">
</div>
<div title="星期二">
</div>
<div title="星期三">
</div>
<div title="星期四">
</div>
<div title="星期五">
</div>
<div title="星期六">
</div>
<div title="星期日">
</div>
</div>
</body>
</html>

原文地址：http://www.cnblogs.com/iasd923/p/3879844.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行