js实现图片左右滚动效果

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

巢湖网站建设公司创新互联,巢湖网站设计制作,有大型网站制作公司丰富经验。已为巢湖超过千家提供企业网站建设服务。企业网站搭建\外贸网站制作要多少钱,请找那个售后服务好的巢湖做网站的公司定做!

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

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) {
  • @item.Item1
  • }
}

JS代码:


效果图:

js实现图片左右滚动效果

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持创新互联!


网页题目:js实现图片左右滚动效果
当前网址:http://hxwzsj.com/article/iepsje.html

其他资讯

Copyright © 2025 青羊区翔捷宏鑫字牌设计制作工作室(个体工商户) All Rights Reserved 蜀ICP备2025123194号-14
友情链接: 网站制作报价 网站制作公司 成都网站建设 做网站设计 成都企业网站建设 成都网站建设 成都网站制作 企业网站建设 手机网站建设 网站建设方案 成都品牌网站设计 成都网站设计制作公司 网站设计制作 成都响应式网站建设公司 响应式网站设计 成都网站建设公司 高端网站设计推广 定制网站设计 企业网站设计 响应式网站设计方案 成都h5网站建设 成都网站建设