这是一款三重背景视觉差效果的jQuery幻灯片插件。 HTML整个html结构使用一个pxs_container div作为包裹容器。为产生视觉差的三重背景添加一个父div,还要添加一个loading在加载图片时使用。最后还要添加左右导航按钮。div id="pxs_container" class="pxs_container"div c
2018-02-04 01:24这是一款非常迷你型的jQuery幻灯片插件。插件中带有放大镜效果,鼠标悬停在幻灯片上时即可放大当前的幻灯片图片。 插件中集成了 Cloud Zoom plugin 和 Fancybox plugin。HTMLdiv class="item"div class="thumb_wrapper"div class="thumb"ullia href="images/formstack1.j
2018-02-04 01:24这是一款简单的jQuery视觉差滚动效果。视觉差技术是一项非常有意思的技术。在这个demo中,当你用鼠标向下滚动页面的时候,背景图片的滚动速度比页面的内容的滚动速度要慢,形成了一种强烈的3d视觉差效果。HTML这个效果的重点是背景图片的滚动速度。所以html结果应该如下,
2018-02-04 01:24这是利用光学原理制作的纯css3视觉差幻灯片效果。它利用几个不同的层在运动时交替变化不同的曲线、背景颜色和图片来形成视觉差效果。在这里,仅仅使用了css3,没有任何的javascript。HTMLhtml结构有4个radio、4个labels和4个用于滚动的页面组成。每个页面都有自己的图片和
2018-02-04 01:24这是一款功能强大、使用方便的jQuery滚动新闻插件。它提供了许多方法和回调函数来定制各种新闻滚动事件。它的轻量级和高度可定制特点是这款插件的一大亮点。HTML只需一个无序列表,列表中的内容可以自己定制。ul class="newsticker"liEtiam imperdiet volutpat libero eu
2018-02-04 01:24手风琴效果是web2.0新生的一个web组件。手风琴效果被用来在同一时刻显示多篇文章。当文章非常多的时候,手风琴效果就非常有用了。但是用户在实用手风琴效果时也会有些问题,例如使用jQuery UI的手风琴效果,如果你不熟悉jQuery UI,就很难去创建它。这里使用html5和css3创
2018-02-04 01:24这是一款类似于多级目录菜单的JQuery手风琴菜单插件。这款jQuery手风琴菜单插件能够帮助用户获取有用的信息而将不需要的信息隐藏。HTMLul class="topnav"lia href="#" target="scriptbreaker"Home/a/lilia href="#"JavaScriptspan[+]/span/aullia href="#"Cookies/a/lili
2018-02-04 01:24如何能在一个内容滑块中展示更多的内容,这个插件给你展示了使用jQuery UI slider来实现分页的一种思路。这个插件的灵感来自于Number Slider这个分页插件开始的时候只显示来个左右箭头按钮和一个中间的圆形按钮。左右箭头按钮可用于分页导航。当你点击了中间的圆形按钮,
2018-02-04 01:24插件中的滑块控制条来自于premiumpixels.com。使用的图标来自于WPZOOM Developer Icon Set (154 free icons)HTMLhtml结构包括一个主容器wd-wrapper。在demo中它被设置为绝对定位,这样我们就可以上下左右的伸展正弦曲线波浪而不必给定它宽度和高度。但你也可以把它设置为
2018-02-04 01:24这款jQuery手风琴插件中使用了一个jQuery鼠标滚轮插件jQuery Mousewheel Plugin,这个插件使我们可以用鼠标滚动来浏览手风琴效果。插件中精美的插图来自于花瓣。HTMLdiv id="va-accordion" class="va-container"div class="va-nav"span class="va-nav-prev"Previous/span
2018-02-04 01:24这是一款使用jQuery制作的鼠标滑过图片标题滑动显示效果。这款jQuery插件的效果是图片标题在鼠标滑过的时候从图片底部上升,然后粘贴在图片的底部位置。
2018-02-04 01:24这是一个很简单的jQuery滑动文字效果。插件中使用了 Lettering.js,你可以在 Github 上找到它。HTMLdiv class="sl_examples"a href="#" id="example1" data-hover="Creativity"Illustrations/a/div使用data-hover来表示鼠标滑过的元素。CSS.sl_examples{float:left;font-
2018-02-04 01:24使用css background-clip:text 属性(目前只有webkit内核的浏览器才支持该属性),我们可以为文字添加一些背景图片。以下是插件中三种效果:更详细的教程请参看《使用background-clip属性制作文字特效》
2018-02-04 01:24一款使用jQuery和css3制作的垂直时间轴插件。该时间轴插件在向下滚动鼠标的时候时间轴事件会以动画的方式从两边向中间运动。第二种效果中还使用css3制作了翻转的效果。
2018-02-04 01:24这是一款效果非常酷炫的jQuery和css3文字排版插件。大部分动画效果使用CSS3 animations和transitions完成。插件中为了渲染单个字母的动画使用了Lettering.js。HTML结构div id="letter-container" class="letter-container"h2a href="#"Sun/a/h2/div以下是插件中的7种不同
2018-02-04 01:24有时候隐藏滚动条对于用户体验来说是一件非常不错的事情,当需要的时候才显示它。这款插件就是使用了jScrollPane和jQuery来实现这种滚动条显示和隐藏的美化效果。如果你想了解更多关于jScrollPane的知识,请点击这里:jScrollPane – cross browser styleable scrollbars
2018-02-04 01:24这是一款使用jQuery和css3制作的多米诺骨牌式图片旋转幻灯片插件。它支持自动播放和暂停功能及鼠标滚动图片功能。该jQuery幻灯片插件的效果是当切换图片时,图片就像多米诺骨牌一样一张张被推倒旋转切换到下一张。
2018-02-04 01:24MiniColors2.1版jQuery颜色选择器使用方法。MiniColors可以依赖于Bootstrup,也可以单独使用。下载压缩包中有单独使用MiniColors的例子。调用方法$('INPUT.minicolors').minicolors(settings);默认的参数设置如下:$.minicolors = {defaults: {animationSpeed: 50,animat
2018-02-04 01:24swatches能够根据你自己的需要搭配出一个各种颜色的色条。这款jQuery颜色样本插件可以很直观的看到颜色,并且当鼠标放到颜色上时,还可以看到该颜色的十六进制色彩值。HTMLhtml结构十分简单,只需要一个空的div。在data-colors中放入你想要显示的颜色值。div class="swat
2018-02-04 01:24colpick是一款轻量级、可自由定制的jQuery颜色选择器插件。它的特点有:界面非常直观。可以非常方便的使用css3来改变皮肤颜色。大小只有35KB。不需要jQuery UI的支持。在IE7上也能正常工作。使用非常简便直观。使用方法首先要引入必要的文件:script src="js/colpick.js"
2018-02-04 01:24