图片轮播导航大家一定很常见,尤其是中小型建站系统的必备神器。。:)

先上图上例子,看效果如下:

实现代码如下:

@{
var data = new List<PhotoPlayerItem>()
{
new PhotoPlayerItem()
{
Title = "公司产品一",
Src = "http://zwc.cn/images/up_images/5.jpg",
Href = "http://zwc.cn"
},
new PhotoPlayerItem()
{
Title = "公司产品二",
Src = "http://zwc.cn/images/up_images/5.jpg",
Href = "http://zwc.cn"
}
};
}
@Html.Q().PhotoPlayer().SourceItems(data)

  看到没有,基本就是折叠面板的代码“骨骼”搬过来的。。准备数据,调用EasyMvc的PtotoPlayer组件。。。是不是还是很简单呢?如果不简单请告诉我,一定修改。。:)

小技巧:Href一般是链接地址用的,有经验的同学可能会在这里写上一段Javascript语句啥的实现奇淫技巧。。小范围内解决某个问题建议使用,但不建议大范围内使用哦。

本着简单的原则,本模块不再单独增加click事件:)


总结:图片轮播导航同样比较简单,从本文可知:EasyMvc不仅是后台框架,同样,也考虑了前端网站的使用需求,所以,下次公司网站开发类似的模块,尽量用EasyMvc吧 :)

更多使用示例请浏览在线示例:http://core.zwc.cn

最新文章

  1. JQuery 自动触发事件
  2. About_php_封装函数
  3. (最重要)学了这么久的编程,你知道byte吗?
  4. Ubuntu16.04安装Samba
  5. 数据库之Group&#160;By用法
  6. SQL Prompt激活
  7. MinGW
  8. C语言 数组之无限循环
  9. DFS:Lake Counting(POJ 2386)
  10. #region 自适应屏幕分辨率
  11. C#常用的关键字
  12. Android中的Surface和SurfaceView
  13. MySQL- 锁机制及MyISAM表锁
  14. mysql 的not null 与 null的区别(转,恍然大悟)
  15. Android开发框架SmartAndroid2.0 强劲框架
  16. 分享一篇vue项目规范
  17. length()方法,length属性和size()的方法的区别
  18. kafka 重新分配partition
  19. 20165231 2017-2018-2 《Java程序设计》第6周学习总结
  20. OpenCV3.3.0 + CLion + CMake 配置(Mac巨细无敌版)

热门文章

  1. Ubuntu18.04安装docker、docker-compose、
  2. psql 工具详细使用介绍
  3. java面试需要准备什么呢?c++可以看看
  4. windows下命令行
  5. Codeforces Round #402 (Div. 2) D. String Game(二分答案水题)
  6. [SDOI2009][bzoj1877] 晨跑 [费用流]
  7. linux磁盘挂载流程
  8. html5拖动文件上传
  9. Java EE 学习(9):IDEA + maven + spring 搭建 web(5)- 博客文章管理
  10. UltraEdit快捷键大全-UltraEdit常用快捷键大全