摘要:
选项卡Tab导航主要用于企业页面显示不同子类或者子页面的信息内容。 先来一个基本的使用例子:代码如下: 效果截图如下: 我们同样为Tab导航准备了几种风格,看下面的例子: 实现的代码如下: 本着简单的原则,基本上使用选项卡导航不需要太多的前端知识了。:) 总结:选项卡导航的使用就简单介绍到这里,基本 阅读全文
摘要:
栏目导航一般用来显示当前页面所在的模块层级位置关系,如下图所示: 当然也有前端网站作为小栏目导航,凡是没有绝对,只要不违和就好:),下面上代码: 是不是和折叠面板模块的代码写法很相似? 技巧:如果感觉默认的分割线/不好看,您可以自由更改,方法为:Separator,具体使用见在线演示界面,此处不再复 阅读全文
摘要:
基本上,是个网站就会有菜单导航,目前流行的菜单是不是这样样子的? 似乎是bootstrap引领的风格,我们就用EasyMvc实现吧,上代码: 怎么样,是不是还是一如既往的简单?准备数据,调用EasyMvc的Menu控件。。 不过,有点细节需要交代下:大家注意到Id和ParentId没:如果是一级菜单 阅读全文
摘要:
图片轮播导航大家一定很常见,尤其是中小型建站系统的必备神器。。:) 先上图上例子,看效果如下: 实现代码如下: 看到没有,基本就是折叠面板的代码“骨骼”搬过来的。。准备数据,调用EasyMvc的PtotoPlayer组件。。。是不是还是很简单呢?如果不简单请告诉我,一定修改。。:) 小技巧:Href 阅读全文
摘要:
休息片刻后,继续开工。。。 这次我们继续学习引言导航,引言导航主要用于知识点的开始,起到知识点导航的作用。直接例子: 实现代码如下: 。。似乎代码不够高深,不够复杂。。:)但这不正是我们需要实现的么:) EasyMvc也提供了两种风格的引言导航,请见下面的例子: 实现的代码也是很简单,如下所示: 总 阅读全文
摘要:
提醒导航顾名思义就是提醒大家注意某些文字了。。请看下面的例子: 实现代码如下: 有的同学会说:这么简单的功能,我可以直接div+css就可以实现了嘛:)为什么还要用这个控件呢? 原因是。。这个的确不太好回答,但简单回答如下: 个人认为EasyMvc的初衷是模块化,快速简单化的,那意味着开发系统的时候 阅读全文
摘要:
文字块导航其实就是开发winform时候常见的 带Title的Group面板。。~!@#¥。。好吧,没开发过winform的同学看下图: 实现代码如下: 一般用在一个页面的开始,或者用于包括一些文字,用在页面开始的时候,可能如下效果更好: 实现代码如下: 总结:文字块导航比较简单,所以你知道了Eas 阅读全文
摘要:
进度条的发明是很牛逼的,就如12306采用了队列解决了系统崩溃的问题一样。。:) 进度条大家都见过,那么我们先来实现一个简单的进度条,请看例子: 效果如下: 怎么样,还是很简单吧:) 那么可不可以炫些呢?其实是可以的,请看下例: 代码如下: 大家可以看到,利用ColorXXX的方法,就可以改变进度条 阅读全文
摘要:
我们网页很多时候需要小图标来进行美化,EasyMvc默认提供了100多种常用小图标,您可以根据实际情况选择使用,请看下面的例子: 显示的效果是: 似乎简单了点:) 不过,很多复杂的事物都是由简单的事物组成的哦,请看小图标与按钮结合后的效果: 代码如下: 效果如下所示: 总结:小图标的使用就简单介绍到 阅读全文
摘要:
折叠面板一般出现在管理后台,大家用的OutLook里就是用了折叠面板,样子大概是这样的: 把其中的内容替换成图标按钮,是不是就是我们常见的样子了?:)那么如何实现呢?请看例子: 代码似乎和时间线的那个实现很相似。。。发现什么了吗?意味着某个场合下,时间线控件和折叠面板的转换会很容易实现。。:) 总结 阅读全文