如何制作侧边栏滑块？

Question

我发现我认为在网站上称为侧边栏滑块：http://www.bobbyberkhome.com/home（这是左边橙色的5％折扣）

我想复制一下或使用一些有点接近的东西。我尝试查看源代码，我发现它是javascript。我找了几个Word Press插件，但似乎每次我搜索“滑块”这个词时都会显示实际的幻灯片。这是错误的术语吗？

最后，有人可以告诉我你如何研究和确定一个网站使用的插件是什么类型的？

我认为“观看来源”是最好的选择，但我仍然有点失落。

Answer 1

我称之为幻灯片 - 这是一个jQuery插件的博客文章的链接，执行类似的功能;

http://wpaoli.building58.com/2009/09/jquery-tab-slide-out-plugin/

这已经有几年了，但它仍然适用于此。老实说，我建议不要这样做，特别是如果你打算在其中加入联系表格。去年我为一家潜在客户代理公司做了很多工作，我们建立了大量的Wordpress网站，其主要目标是通过联系表单进行查询。在每个页面上都有表单很重要，因此使用了这些幻灯片。

我们最终取消了幻灯片标签 - 转换率绝对没有希望，无论我们在设计方面做了什么，没有人填写幻灯片标签中包含的表单。

你问题的第二部分 - 取决于你是指Wordpress插件还是jQuery插件。

您无法浏览网站中使用的Wordpress插件，您所能做的就是从他们生成的标记中识别它们，并从经验中获得。你的例子不太可能是WP插件，只是一个包含的JS文件和模板中的相关标记。那些你可以看到，Javascript在客户端起作用，所以除非它全部缩小以使事情变得更难，你可以通过Chrome或Firefox（甚至是IE，甚至是IE）中的开发者控制台查看包含的Javascript。

大多数情况下，各种jQuery插件的包含脚本开头都会有注释，说明他们做了什么以及是谁编写的

Answer 2

@http：//www.bobbyberkhome.com/home

如果您谈论更改内容的矩形，可以将其称为滑块。

如果您的意思是左侧的划分，您可以点击，然后滑出。它可能是用jQuery编写的。并且jquery在其库中提供了动画效果，从而产生“幻灯片”效果。 http://api.jquery.com/animate/

如果我误解了任何事情，请纠正我。

我认为没有任何网站可以找到不同网站使用的插件。我使用view-source，但动态内容并不总是那么容易。