通过鼠标滑轮控制图片(文字)列表前后滚动切换

上传者: 38707061 | 上传时间: 2023-03-30 14:17:37 | 文件大小: 7KB | 文件类型: ZIP
特点:鼠标悬停在图片区域后,滑动鼠标滚轮,图片会整屏切换

缺点:调用js较多

使用方法:

1、在你的网页中引入lanrenzhijia.css样式

2、将代码部分拷贝到你的网页之中

注意事项:

1、列表li之间的距离,不能用margin。

   因为滚动的距离,要判断li的宽度,否则会导致滚动下一屏的时候出现错位问题

文件下载

资源详情

[{"title":"( 6 个子文件 7KB ) 通过鼠标滑轮控制图片(文字)列表前后滚动切换","children":[{"title":"通过鼠标滑轮控制图片(文字)列表前后滚动切换","children":[{"title":"css","children":[{"title":"lanrenzhijia.css <span style='color:#111;'> 605B </span>","children":null,"spread":false}],"spread":true},{"title":"访问懒人之家.url <span style='color:#111;'> 328B </span>","children":null,"spread":false},{"title":"js","children":[{"title":"lanrenzhijia.js <span style='color:#111;'> 1.73KB </span>","children":null,"spread":false},{"title":"jquery.mousewheel.js <span style='color:#111;'> 7.46KB </span>","children":null,"spread":false}],"spread":true},{"title":"lanrenzhijia.com下载说明.txt <span style='color:#111;'> 1012B </span>","children":null,"spread":false},{"title":"index.html <span style='color:#111;'> 2.86KB </span>","children":null,"spread":false}],"spread":true}],"spread":true}]

评论信息

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明