js
文章平均质量分 73
shirley云
矛盾的混合体!
展开
-
flipsnap实现手机屏幕左右拖拽滑动效果的框架
官网:http://hokaccha.github.io/js-flipsnap/官方说明文档:名称类型说明maxPoint数字停止点计数。默认值是从元素项计数自动计算。distance数字移动距离。默认值是从元素的宽度和maxPont自动计算。transitionDuration数字转换时原创 2016-06-03 16:48:00 · 2272 阅读 · 0 评论 -
弹出层插件
jquery.fs.boxer.min.js多功能jQuery弹出框弹出层插件Boxer,基于jQuery,支持单张多张图片展示、支持视频、文字、iframe加载页面,还支持全屏展示,众多的参数配置功能,支持自定义显示位置、支持弹出层透明度定义、支持函数callback,支持按钮文字定义、支持是否支持移动端展示等配置Boxer 是一款基于 jQuery 的 Lightbox 效原创 2016-07-14 11:23:47 · 1405 阅读 · 0 评论 -
js判断鼠标进入容器的方向
浏览网页的时候看到一个特效,遮罩层根据鼠标进入div的方向来显示,于是就对js判断鼠标进入div容器的方向这部分感兴趣,在网上找了一篇分析,总结在这里。 $(".S_service_div .on").hover(function(e){ var w = $(this).width(); var h = $(this).height();转载 2016-05-30 09:53:35 · 655 阅读 · 0 评论 -
WOW.js+animate.css让页面滚动时显示动画,使页面更有趣
官网:http://mynameismatthieu.com/WOW/bootstrap CDN服务:http://www.bootcdn.cn/wow/1.wow.js实现了在网页滚动时的动画效果,有漂亮的动画效果,依赖于Animate.css。2.Animate.css非常优秀的CSS3动画库,不依赖于jQuery,纯CSS动画使用方法1、引原创 2016-07-07 16:25:34 · 11420 阅读 · 4 评论 -
幻灯片插件-jquery.sliderPro.min.js
https://github.com/bqworks/slider-pro/blob/master/docs/modules.md#modules使用方法在页面中引入必要的文件: HTML结构该幻灯片的HTML结构采用嵌套结构:slider-pro > sp-slides >sp-slide,这三个层级的class名称的div是必须的。转载 2016-07-19 15:12:04 · 7992 阅读 · 1 评论 -
幻灯片插件-jquery.sliderPro.min.js 第二波
根据github上的官方说明翻译模块是可选的代码块扩展插件的核心,加入了更多的功能。这种模块化的架构使得代码更有条理,也可以让你只包括将要使用的功能,从而优化文件大小和性能。1.淡出该模块用淡入淡出过渡效果替换默认的slide/swipe效果。可定制的属于:fade, fadeOutPreviousSlide 和 fadeDuration.2.标题允许你翻译 2016-07-19 18:11:13 · 6391 阅读 · 2 评论 -
文字向上滚动,鼠标悬停停止滚动
CSS.rolltext{ height: 40px; line-height: 40px; overflow: hidden;}HTML Interested in ongoing innovation at Boyd? Click here to learn more!Click here to join our Aerospace mai原创 2016-08-01 10:24:24 · 4359 阅读 · 2 评论 -
轻量级的的视差引擎Parallax.js
地址:https://github.com/wagerfield/parallax转载 2016-08-11 15:52:39 · 1351 阅读 · 0 评论 -
用纯css3绘制三角形的原理
预备知识当我们设置一个div其width与height为100px,并且设置其四边框的宽度为100px,且分别设置其颜色后,我们可以看到如下的一张图片此时如果设置这个div的height为0的话,其他不变,会得到下面这个图形下面把其宽度也设置为0后,得到如下的一张图片正式讲解当我们如下设置代码并赋给div相应的属性时#side转载 2016-08-12 17:47:53 · 11402 阅读 · 0 评论 -
blockScroll.js的介绍和使用方法
https://github.com/DominikGorecki/block-scrollblockScrol是一个可以将你的div元素变成一个整体,一个时间只在一屏显示。将你的内容分解成块更好的呈现给客户。安装方法引入插件创建包含元素已经直接子元素div FIRST BLOCK SECOND BLOCK ...直原创 2016-06-15 10:53:14 · 778 阅读 · 0 评论 -
自定义网页滚动条样式插件malihu-custom-scrollbar-plugin的介绍和使用方法
网站:http://manos.malihu.gr/jquery-custom-content-scroller/github:https://github.com/malihu/malihu-custom-scrollbar-plugin使用方法引入CSS样式引入JS(插件是建立在JQUERY的基础之上的,需要在引入jquery.m原创 2016-06-15 10:07:35 · 5280 阅读 · 0 评论 -
表单增强与验证——提交表单(处理submit事件以及获取表单的值)
HTML Login Username: Password:原创 2016-06-12 17:45:54 · 840 阅读 · 0 评论 -
表单增强与验证——提交按钮(禁用提交按钮)
如下情况禁用提交按钮:脚本初始载入时。(change事件会再脚本被改变时查看是否有值,以此启用提交按钮)表单被提交后。(防止表单被多次提交)HTML New password: utilities.js// Helper function to add an event l原创 2016-06-12 18:05:19 · 2839 阅读 · 0 评论 -
表单增强与验证——更改输入框类型(显示密码)
HTML Login Username: Password: show password原创 2016-06-12 17:54:36 · 588 阅读 · 0 评论 -
表单增强与验证——复选框(选中All复选框)
HTML All Animation Documentary Shorts utilities.js// Helper function to add an event listenerfunction addEvent (el, event, callb原创 2016-06-12 18:12:56 · 423 阅读 · 0 评论 -
表单增强与验证——单选按钮(other单选按钮和text的结合)
每次用户选中单选按钮代码就会检测用户师傅选择了other选项。如果选择的other选项将显示一个文本输入框。如果选择了前两个选项。将隐藏文本框并将文本框里的值清空。HTML Search engine Newspaper or magazine原创 2016-06-12 18:15:22 · 547 阅读 · 0 评论 -
表单增强与验证——选择框(联动选择框)
HTML type Please choose a type camera projector model转载 2016-06-12 18:23:32 · 1369 阅读 · 0 评论 -
表单增强与验证——多行文本(字符计数器)
HTML Short Bio (up to 140 characters) utilities.js// Helper function to add an event listenerfunction addEvent (el, event, callba转载 2016-06-12 18:33:30 · 564 阅读 · 0 评论 -
animate.css CSS3动画库
animate.css CSS3动画库原创 2016-06-14 16:26:00 · 898 阅读 · 0 评论 -
animate.css动画样式详解
attention seekersbounce:弹跳flash:闪烁pulse:脉冲(放大然后回到正常大小)rubberBand:橡皮筋shake:摇(左右)headShakeswing:摇摆(上下,以中心为原点)tada:(缩小然后摇摆,幅度比较小)wobble:摇晃(左右和上下都有,即沿着一个弧移动,比较快)jello:果冻(像果冻一样抖动)原创 2016-06-14 18:05:11 · 3148 阅读 · 0 评论