Question

客户已要求我在网站上制作类似这样的Feed。

我有一个徽标等，因为它是在photoshop文档中提供的。

有人会帮忙吗？

IT将进入<div class="col-lg-3">

我需要回答的问题是，如何制作Feed（我猜它只是一个API，但我不知道如何添加徽标，我也不知道是否是一个API，它可能是一个RSS提要？我再也不知道如何添加这些标识。）

如何添加自定义滑块？

这就是我需要的样子

enter image description here

山姆

Answer 1

Twitter和Facebook提供了许多apis和embeds，有了一些知识，你可以开始工作。但是，由于您没有任何代码，我们无法剖析您尝试过的内容。你试过四处寻找选择吗？有很多！我会调查TintUp，Juicer和我个人使用的那个，这看起来很像你的例子...... FeederNinja。

Answer 2

由于滑块用于用户输入，因此它使用与其他输入标记相同的语法。这个标签的类型是＆＃34;范围＆＃34;

<input type="range" />

上一个snippt应足以显示滑块，但此标记有更多属性可供使用。让我们设置值的范围（最大值和最小值）。

<input type="range"  min="0" max="100" />

现在用户可以选择0到100之间的任何数字。

滑块的默认值为零，但如果您给它一个不同的值，当浏览器呈现代码时，该引脚将定位在该值。下一个代码将引脚定位在条形末端的中间位置。

<input type="range" min="0" max="50" value="25" />

如果您只是希望人们以5为间隔选择值，该怎么办？这可以使用step属性轻松完成。

<input type="range" min="0" max="50" value="25" step="5" />

用户如何知道他们选择的价值？这是一个很好的问题，答案是你将不得不提出自己的解决方案。这是一个简单的JavaScript代码，可以在滑动时显示滑块的值。

<html>
<body>
<input type="range" min="0" max="50" value="0" step="5" onchange="showValue(this.value)" />
<span id="range">0</span>
<script type="text/javascript">
function showValue(newValue)
{
    document.getElementById("range").innerHTML=newValue;
}
</script>
</body>
</html>

这应该呈现（如果您的浏览器支持它）

HTML和CSS twitter / Facebook feed

2 个答案: