Creating an iOS page indicator (points) using jQuery Mobile

// my question is for the beautiful lady in the corner
I would like to create a pagination to indicate which page is visible, for example, in iOS (these little dots under the window are called “page indicators” in HIG.)

chunky bacon

- My project is called "Her Highness."

I found an example, but I can’t find the documentation for re-creating the layout, and it’s in the experiment section: ( http://jquerymobile.com/test/experiments/scrollview/#../../docs/toolbars/footer-persist- a.html

+5
source share
2 answers

, , , 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 .

+15

, , , .

, , .

+2

All Articles