一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

js实现图片左右滚动效果

时间:2017-05-09 编辑:简简单单 来源:一聚教程网

需求:页面显示教师信息列表,列表中每一条数据显示图片滚动插件,每张图片的长宽及长宽比例各不相同。

前提条件:美工把静态页面写好

HTML代码:

 

 代码如下 复制代码

@using Models;

@{

 List teacherList = ViewData["teacherList"] as List; //春雨树频道

 PagerModel pager = ViewData["pager"] as PagerModel;

}

 

教师团队

 @foreach (cms_content teacher in teacherList)

 {

  

   

    

   

   

    

@teacher.title

    

     @teacher.description

    

    

     

      

     

     

      

     

     

      

           @foreach (Tuple item in teacher.imgList)

           {

            

  •          

            

  •        }

          

     

    

   

   

  

 }

 

  共@(pager.totalRows)条信息

  首页

  上一页

  @pager.page/@pager.pageCount

  下一页

  尾页

 

 

JS代码:

 

 代码如下 复制代码

 

效果图:

热门栏目