实例介绍
【实例简介】自己写的一个网页开发常用效果库与框架库，可以自定义导出自己想要的部分。 1.通过帮助文档help.html查看所有效果与使用方法。 2.通过config.html配置符合你需要并导出js; 内容包含如下： A：效果库类； 1.事件-同时兼容手机与pc的3种事件(start、move、end); 2.tab选项卡-各种切换6种； 3.电商产品主图-横向与纵向2种； 4.放大镜-电商主图放大镜、图库鼠标悬停旁边出现放大版图效果各一个； 5.跑马灯-文字或图片不断档可支持鼠标悬停时停止； 6.仿alert弹窗-可以自定义样式，手机版pc版个一种； 7.列表下拉加载更多-伪数据加载与ajax异步加载个一种； 8.折叠菜单一个； 9.banner图效果-7种包含手机上 支持手指滑动的； 10.时间轴-控制1种； 11.自定义滚动条-横向、纵向各一种； 12.临时禁用滚动条-禁用与启用方法各一个，也能禁用手机滚动条，同时解决px滚动条占用宽度问题。 13.图表等比例-使图片始终保持设定比例缩放等供3种不同形式； 14.回到顶部-点击回到浏览器顶部； 15.漂浮窗-小漂浮窗广告； 16.图集展示-偶尔能用到； 17.滚屏效果-手指上下滑动或鼠标滚轮滚动切换页面，可自己配一些动效!!!!!!； 18.常用表单验证； 19.左滑删除； 20.复选框全选与取消选中； 21.内容拖动!!!!!!； 22.dom输入； 23.单例定时器； 24.ios软键盘弹出fixed定位问题处理!!!!!!； B：架构类； 1.流程控制-主要解决多个ajax调用依赖问题； 2.面向对象的class方法-方便定义类与集成类； 3.require-实现模块化开发，简单实用； 提示：用!!!!!!标注结尾的在某些场景下可能出现bug；
【实例截图】
【核心代码】
事件 start move end tab选项卡 clickTabs hoverTabs hoverTab hoverTab2 clickTab hoverTab2 产品主图切换效果 vProductPictures hProductPictures 图片放大（放大镜） magnifier largerImg 无缝跑马灯滚动效果 marqueeEffect 仿alert弹窗效果 alertShow mAlert 列表异步加载 asyncloadingList adddragupEvent 折叠菜单 foldMenu banner效果 fullAnimatbanner fadeBanner hBannerLoop vBannerLoop hBanner vBanner mobileBanner 横向时间轴控制 controlSlide 滚动条 scrollStyleV scrollStyleH addMobscroll 禁用(恢复)滚动条与手指滑动 endscroll,starscroll 图片与列表比例控制 imgGeomeScale resizeHtW resizeHtWstr 返回顶部 goTop 漂浮窗 pFloating html5选择图片并预览 Html5FileReader Html5FileReaders uploadFileAppend ImageClipping 图集展示 imglist5 滚屏效果 pageScroll 表单验证 Validform 手指滑动事件 addTouchEevent 复选框全选与取消全选 allChecked 内容拖动 adddragDom dom元素输入 elementInput 定时器 t15,t30,t50,t100,t200 软键盘弹出位置错乱 footFixedInput 流程控制 start 面向对象 class js模块化 require
标签：
好例子网口号：伸出你的我的手 — 分享！
小贴士
感谢您为本站写下的评论，您的评论对其它用户来说具有重要的参考价值，所以请认真填写。
- 类似“顶”、“沙发”之类没有营养的文字，对勤劳贡献的楼主来说是令人沮丧的反馈信息。
- 相信您也不想看到一排文字/表情墙，所以请不要反馈意义不大的重复字符，也请尽量不要纯表情的回复。
- 提问之前请再仔细看一遍楼主的说明，或许是您遗漏了。
- 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦，又没人会搭理，于人于己都无利。
关于好例子网
本站旨在为广大IT学习爱好者提供一个非营利性互相学习交流分享平台。本站所有资源都可以被免费获取学习研究。本站资源来自网友分享，对搜索内容的合法性不具有预见性、识别性、控制性，仅供学习研究，请务必在下载后24小时内给予删除，不得用于其他任何用途，否则后果自负。基于互联网的特殊性，平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查；无论平台是否已进行审查，用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定，若资源存在侵权或相关问题请联系本站客服人员，点此联系我们。关于更多版权及免责申明参见 版权及免责申明
网友评论
我要评论