[html]view plain copy print?

1.

2.

3.

4.

5.

6.

7.

8.

9.

10.

11.

12.

13.

14.

15.Back<

/a>

16.

Single Page App

17.

18.

19.

20.

Lorem ipsum dolor sit amet, consectetur adipisicing elit,

sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

21. Ut enim ad minim veniam, quis nostrud exercitation ullam

co laboris nisi ut aliquip ex ea commodo consequat.

22. Duis aute irure dolor in reprehenderit in voluptate veli

t esse cillum dolore eu fugiat nulla pariatur.

23. Excepteur sint occaecat cupidatat non proident, sunt in

culpa qui officia deserunt mollit anim id est laborum.

24.

25.

26.

27.

sketch

28.

09a6ecd3453610661fd9f487

29.

30.

31.home

32.Ske

tch

33.

Picture

34.

35.

36.

37.

运行效果

二、panel引入header标签

在内部，也就是和同一级的位置顶一个header 标签，并且命名id。然后再需要这个header的pane添加一个属性

data-header="custom_header"

[html]view plain copy print?

1.

2.

3.

4.

5.

6.

7.

8.

9.

10.

11.

12.

13.

14.

15.

16.

Lorem ipsum dolor sit amet, consectetur adipisicing elit,

sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

17. Ut enim ad minim veniam, quis nostrud exercitation ullam

co laboris nisi ut aliquip ex ea commodo consequat.

18. Duis aute irure dolor in reprehenderit in voluptate veli

t esse cillum dolore eu fugiat nulla pariatur.

19. Excepteur sint occaecat cupidatat non proident, sunt in

culpa qui officia deserunt mollit anim id est laborum.

20.

21.

22.

23.

sketch

24.

25.

26.

27.Back

28.

Single Page App

29.

30.

31.home

32.Ske

tch

33.

Picture

34.

09a6ecd3453610661fd9f487

35.

36.

[html]view plain copy print?

1.

2.

3.

4.

5.

6.

7.

8.

9.

10.

11.

12.

13.

14.

15.

16.B

ack

17.

Single Page App

18.

19.

Lorem ipsum dolor sit amet, consectetur adipisicing elit,

sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

20. Ut enim ad minim veniam, quis nostrud exercitation ullam

co laboris nisi ut aliquip ex ea commodo consequat.

21. Duis aute irure dolor in reprehenderit in voluptate veli

t esse cillum dolore eu fugiat nulla pariatur.

22. Excepteur sint occaecat cupidatat non proident, sunt in

culpa qui officia deserunt mollit anim id est laborum.

23.

24.

25.

26.

sketch

27.

28.

29.

09a6ecd3453610661fd9f487

30.

31.home

32.Ske

tch

33.

Picture

34.

35.

36.

37.

四、给相应的标签定义title属性，系统也会自动生成header

[html]view plain copy print?

1.

2.

3.

4.

5.

6.

7.

8.

9.

10.

11.

12.

13.

14.

15.data-footer="custom_footer">

16.

17.

18.

19.data-footer="custom_footer">

20.

21.

22.

23.

首页

24.

25.

09a6ecd3453610661fd9f487

29.

35.

36.

37.

38.

搜索“diyifanwen.net”或“第一范文网”即可找到本站免费阅读全部范文。收藏本站方便下次阅读，第一范文网，提供最新高等教育HTML5移动开发之路(40)——jqMobi中实践header定义的几种方式全文阅读和word下载服务。