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

创新互联主要从事成都网站设计、成都网站制作、网页设计、企业做网站、公司建网站等业务。立足成都服务鄂温克,十余年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:13518219792

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

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页
  下一页
  尾页
 

另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

本文名称：js实现图片左右滚动效果-创新互联
分享地址：http://www.jxjierui.cn/article/pdepg.html