`

一款帮助你生成非常有趣的扇形扑克牌风格特效的jQuery插件-Baraja

阅读更多

日期:2012-11-19  来源:GBin1.com

前面文章中我们曾经介绍过折叠方式展示元素的jQuery插件 ,那么你有没有试过使用扑克牌风格的扇形页面的展示效果呢?如果没有,那你可千万不要错过我们今天介绍的jQuery插件-Baraja。Baraja是一款帮助你以特效风格展示页面元素的jQuery插件 ,使用它可以我们可以制作出一组类似桌面纸牌牌的演示效果。为了达到不同的旋转效果和展开方式,你可以通过使用不同的CSS设定来实现不同的过渡和转换效果。相信追求另类的朋友肯定会非常喜欢!

在线演示   本地下载

你可以使用CSS对它的展开方向、速度、范围和视图效果进行自定义,同时它还支持Prev-Next进行排序方式的浏览。当全部设定好点击图像时,它们就自动散开成扇形排列,非常的有趣!赶快试试吧!

友情提示:因为使用CSS的过渡和动画效果,所以只能使用支持CSS动画和过渡的浏览器查看效果。

来源:一款帮助你生成非常有趣的扇形扑克牌风格特效的jQuery插件-Baraja

分享到:
评论

相关推荐

    jQuery洗牌图片切换插件jquery.baraja

    插件描述:jquery.baraja是一个很有意思的jquery洗牌图片切换插件。演示地址:http://www.jq22.com/jquery-info10713

    CSS3 HTML5 打造的扑克牌特效.rar

    CSS3 HTML5 jquery.baraja.js打造的扑克牌特效,围绕成扇形(半圆形)的扑克牌,而且还融合了众多的纸牌展开效果,利用jquery.baraja.js插件所生成的效果,你可快速开发出基于扑克牌的HTML5游戏应用。

    vue-baraja-js:baraja-js插件Vue组件包装器

    Vue Baraja-JS 巴拉哈(Baraja)是一个JavaScript插件,它允许以类似于卡片的方式移动元素,并像散布一张桌子上的卡片那样散布它们。 它使用CSS转换来旋转和翻译项目。 有几种可用的选项,可以创建各种散布的物品...

    react-baraja-js:baraja-js插件React组件包装器

    React Baraja-JS 巴拉哈(Baraja)是一个JavaScript插件,它允许以类似于卡片的方式移动元素,并像散布一张桌子上的卡片那样散布它们。 它使用CSS转换来旋转和翻译项目。 有几种可用的选项,可以创建各种散布的...

    Baraja演示15种不同的洗牌特效

    在IT行业中,Baraja通常指的是一个专为图形处理和计算机视觉设计的技术,它与洗牌特效看似不相关,但实际上可能是某种交互式应用或游戏开发中的元素。"Baraja"一词在西班牙语中意为“扑克牌”,在这里可能是指一种用...

    15种jquery+css3洗牌图片切换特效

    jquery.baraja是一个很有意思的jquery洗牌图片切换插件。这个洗牌图片切换插件将图片堆叠在一起像一幅扑克一样,点击按钮可以将它展开,最下面的图片被切换到上面,展开时也可以选择其中一张放到最上面。

    php-baraja-articles

    **PHP Baraja Articles** 本文将深入探讨“PHP Baraja Articles”这一主题,它与PHP手册内容密切相关,旨在为开发者提供全面、深入的PHP编程知识。PHP(Hypertext Preprocessor)是一种广泛使用的开源脚本语言,...

    javascript即用特效.rar

    这个"javascript即用特效.rar"压缩包显然包含了可用于实际开发的一系列JavaScript特效实例,非常适合开发者参考和学习。 首先,我们要了解JavaScript的核心概念。它是一种解释型、弱类型、基于原型的脚本语言,其...

    css3 + html5

    例如,`<header>`、`<nav>`、`<main>`、`<article>`和`<footer>`等元素帮助开发者更清晰地定义网页内容的结构,提高可读性和可访问性。同时,`<canvas>`元素允许动态图形和交互式内容的绘制,而`<audio>`和`<video>`...

    Barajas-Java:Java程序来洗牌,并查看哪个是顶牌

    生成将其添加到甲板baraja的新随机卡的方法 public static void nuevaCarta(){ // Obtenemos numeros aleatorios int numC = random( 1 , 10 ); int paloI = random( 1 , 4 ); String paloC = null ; // ...

    simple-php-diff:查找PHP中两个文本文件之间的快速区别

    该库非常快速地比较两个文本文件,并返回具有差异的对象。 差异处有编号的行,以便于向用户轻松显示更改。 在浏览更改时,您还可以从Diff对象中将更改后的行的数组读取为整数数组。 如何使用 只需创建一个...

    结构化API:用于将结构化API端点定义为具有架构的类的复杂库

    要手动安装软件包,请调用Composer并执行以下命令: $ composer require baraja-core/structured-api :hammer_and_wrench_selector: API端点API端点是具有操作方法和依赖项的简单类。 为了获得最佳舒适度,请使用...

Global site tag (gtag.js) - Google Analytics