cc蒲公英的博客

引入swiper插件后，导致vue项目在ie浏览器中空白问题

简介ScrollToFixed (jquery Fixed plugin)能够让网页的导航或表头等固定在顶部或底部，用户更方便的操作或查看信息。除了导航和表头，也可以固定其他内容，比如广告、返回顶部等等。功能 固定某个元素的位置，在页面滚动时，元素仍然显示。使用方法 只需引入js及初始化即可，不需要写额外的css样式控制。

简介通过imgPreview插件来实现鼠标移动到图片或者文字链接的上来实现图片预览的功能。链接一定要为图片才可以显示。预览大图可以通过css来更改宽度，改变预览图片的大小。 使用方法 1、HTMLdiv class="zxx_out_box">    div class="zxx_i

简介FlexSlider是一个非常出色的jQuery滑动切换插件，它支持所有主流浏览器，并有淡入淡出效果。压缩后只有4KB大小，FlexSlider对于网站开发者来说是一个不错测JQUERY特效，因为支持全浏览器深受中国网站前端开发者的喜爱！它将UL列表转换成内容滚动的列表，可以自动播放，或者使用导航按钮和键盘来控制。            使用方法

今天自己做了一个JS密码强度判断，效果如下：以下是代码：[java] view plain copy print?    JS判断密码强度          //判断输入密码的类型        function CharMode(iN){            if (iN>=48 && 

简介layer是一款近年来备受青睐的web弹层组件，她具备全方位的解决方案，致力于服务各水平段的开发人员，您的页面会轻松地拥有丰富友好的操作体验。在与同类组件的比较中，layer总是能轻易获胜。她尽可能地在以更少的代码展现更强健的功能，且格外注重性能的提升、易用和实用性，正因如此，越来越多的开发者将媚眼投上了layer（已被3731654人次关注）。layer 甚至兼容了包括IE6在内的所有主流浏览

简介SuperSlide 致力于解决网站大部分特效展示问题，使网站代码规范整洁，方便维护更新。网站上常用的“焦点图/幻灯片”“Tab标签切换”“图片滚动”“无缝滚动”等只需要一个SuperSlide即可解决！还可以多个SuperSlide组合创造更多效果哦~（兼容包括ie6的绝大部分浏览器）   使用方法参数：http://www.sup

简介  4月15日，网易邮箱升级到6.0版本，并发布了介绍页面（点击访问），页面采用了时下非常流行的“全屏”效果，文字、图片再加上 CSS3 动画，让用户非常直观、清晰的了解6.0版本的功能及特色，真是高端大气上档次。如此高大上的页面，想不想自己也做一个？今天我们就用 fullPage.js 仿照着制作一个类似的页面。制作方法1、引入文件

是一款简单实用的轻量级进度条jQuery插件，插件可以让您轻松实现带动画效果的水平或垂直进度条，你只需传参数或是配置下选项就可以完成你想要的进度条效果。插件使用了一个out-of-the-box的简单设计，目的是为了方便您通过参数选项配置您想到的进度条效果，这些参数包括：宽度、高度、背景色、进度条颜色等等，通过这些参数你可以构造自己的进度条样式。引入核心文件

客观的讲，scrollpic.js的确是一个很好用的图文滚动插件，它不但可以左右控制无缝连续滚动，还可以兼容如此多的浏览器，真的是难能可贵。对于没有太多JS专业功底的网页生产者，这个插件用起来也不是很难，所以当你需要时就不妨大胆的用吧。插件的下载地址：ScrollPic.js使用方法：// 先加载ScrollPic.js插件后再执行以下语句window.

jcarousellite.js 是一款基于Jquery的无缝“水平滚动”图片插件，可以控制文档元素滚动，丰富的参数设置可以控制滚动的更多细节，是一款不可多得的滚动插件。HTML代码： href="javascript:void(0);" id="prev-01"> id="demo-01"> hre

瀑布流布局非常适合大量图片的展示，一改过去裁剪图片尺寸统一的排版，每张图片都能完全展示，并错落有致，让人眼前一亮。注意事项：项目中的 img 元素的 width 和 height 属性需要写，否则定位会不准确。（可以用 JavaScript 实时获取图片的宽高，但图片数量过多时，这将是一件不靠谱的事情，如果你执意要这么做，可以参考这个 Demo）Html<!--

滑动切换图片  Html  Description Title1 Description Content1

简介SlipHover 是一个基于 jQuery 的插件，它能够感知鼠标移动方向，并在相应的方向（或反方向）以动画的方式显示出一个遮罩层，用来显示标题或描述，应用到幻灯片或相册中是个不错的选择。SlipHover 还支持自定义遮罩高度、动画时间、字体颜色、背景颜色、文字排版等等。合理的搭配，相信能让你的幻灯片或相册更加的上档次。   兼容兼容 1.7 及以上版本。使

如何使用：首先要确认前端使用页面，比如登陆页面 12<script src="http://code.jquery.com/jquery-1.12.3.min.js"><script src="http://static.geetest.com/static/tools/gt.js">

演示layer一些基本的层类型初体验第三方扩展皮肤询问层提示层墨绿深蓝风捕获页页面层自定页tips层iframe层iframe窗加载层loading层小tipsprompt层tab层相册层WebIM信息框例1例2例3例4例5 页面层/iframe层页面层-自定义页面层-佟丽娅iframe-子父操作ifram

前言1、本组件可以实现飘雪、下雨、花瓣、星火等粒子效果；2、demo地址后面加上参数`?fps=1` 可以在页面左上角显示当前的fps状态；3、组件有加入canvas支持判断，pc、移动都可以用效果截图栗子一DEMO地址：http://www.w3cmark.com/demo/particle-effect.htmlHTML

.效果一今天偶然发现一个jquery轮播广告插件很不错，效果很炫，堪比Flash轮播广告效果，赶紧上来分享给大家。这个幻灯片每次切换都是随机调用他设置的特效，所以各种混合切换的效果还是不错的。我们先来看下怎么调用吧：html代码： class="camera_wrap" id="camera_wrap_1">     da