分享网站建设知识
推动网站应用价值

提供短小精焊并有价值的建站知识分享。

什么是智能建站,使用jfMagnify在您的网页上添加放大效果
2019-10-26 15:01:16

有很多免费的缩放插件,它们的运行异常出色。但是,其中大多数都是为图像构建的,它们为仅图像内容指定方向。

如果可以在网页的每个部分添加放大效果怎么办?感谢jfMagnify,您可以。

这是一个免费的jQuery插件,不仅支持图像缩放,还支持整个页面缩放。这是为数不多的插件,也可以让你的一个选择的放大级别,并支持触摸事件的移动用户。

请注意,此插件会有点沉重,因为它依赖于两个依赖项常规jQueryjQuery UI。这些都是使jfMagnify正常工作所必需的。更不用说您需要在页面上包括的实际jfMagnify脚本

设置有些棘手,因为您只能定位容器内的放大元素。如果要定位整个页面,则需要在整个网站添加一个类

是jQuery单行代码

1个
$(".magnify").jfMagnify();

这针对容器内部的所有元素.magnify,通常是一个div元素。

 

这些内部元素可以是图像,但也可以包括小字体,例如以网站条款或隐私政策页面为准。所有文档都可以在GitHub存储库找到,因此一旦设置好,整个过程就变得容易得多。

另外,这个插件非常善变,并带有许多容器规则。例如,容器元素不能具有静态CSS位置,因此它必须是相对的,绝对的或固定的。

您可以在GitHub存储库中找到所有默认样式规则,但是如果已经构建并运行了布局,则自定义可能会很麻烦。对我来说,jfMagnify的好处值得付出努力。确实,这取决于您的需求以及您是否喜欢该界面。

看看GitHub上的文档,看看您的想法。并且,如果您想在安装库之前看到运行中的库,还可以在CodePen上预览界面 。

分享该编文章:

免责声明:本站部分文章由本网用户编辑转载并发布,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与本网联系,我们将在第一时间删除内容![声明]本站文章版权归原作者所有 内容为作者个人观点 本站只提供参考并不构成任何投资及应用建议。本站拥有对此声明的最终解释权。

相关资讯: