5

// 我对角落里可爱的女士的问题
我想创建一个分页来指示哪些页面是可见的,就像在 iOS 中一样(窗口下方的那些小点,在 HIG 中称为“页面指示器”。)

大块培根

——我的项目在此简称为,殿下。

我找到了一个例子,但我找不到关于重新创建布局的文档,它在实验部分:( http://jquerymobile.com/test/experiments/scrollview/#../../docs/工具栏/页脚-persist-a.html

4

2 回答 2

15

我不确定为什么这对你来说似乎很难,但如果你在谈论如何用 html/css3 制作圆圈,那么我有一个简单的答案。只需使边界半径等于高度/宽度的一半即可。

<span class="dot dot1"></span>
<span class="dot dot2"></span>
<span class="dot dot3"></span>
<span class="dot dot4"></span>

...

.dot {
    display: inline-block;
    width:12px;height:12px;
    border-radius:6px;
    background-color:#8999A6;
}
.page4 .dot4 {
    background-color: white;
}

如果您无法弄清楚除此之外该做什么,那么您基本上需要有人为您完成整个事情,但我会给您一个提示。在更高的地方,您将设置一个指示活动页面的类。这将允许您触发可以说明哪个匹配点处于活动状态的 CSS 规则,并将 bg 更改为白色。

于 2011-03-23T03:03:07.740 回答
2

在阅读了罗素回答下的讨论后,我想我明白你想要什么。

  1. 创建一个持久的页脚。这不是一件微不足道的事情,但可以做到。您可以查看我的两列布局插件http://jquerymobiledictionary.dyndns.org/dualColumn.html 或等待我在周末处理它时考虑您的问题(我建议您:P)。

  2. 获得持久页脚后,您可以从页面列表中生成点,然后处理一个pageshow事件以突出显示正确的点。

将整个内容包装在一个小部件代码中将使其成为一种渐进式增强,而不是一堆会激怒非 Agrade 浏览器用户的杂乱代码。

于 2011-03-23T08:53:24.810 回答