2010-10-10 14:41:34 +00:00
<!DOCTYPE html>
< html >
< head >
< title > jQuery Mobile Framework - Persistent footer demo< / title >
2010-10-13 16:45:10 +00:00
< link rel = "stylesheet" href = "../../themes/default" / >
2010-10-11 23:44:14 +00:00
< script type = "text/javascript" src = "../../js/all" > < / script >
2010-10-10 14:41:34 +00:00
< / head >
< body >
< div data-role = "page" >
< div data-role = "header" >
< h1 > Fixed Header< / h1 >
< / div >
2010-10-12 19:50:28 +00:00
< div data-role = "content" >
2010-10-10 14:41:34 +00:00
2010-10-13 22:41:35 +00:00
< ul data-role = "listview" >
< li > < a href = "index.html" > Acura< / a > < / li >
< li > < a href = "index.html" > Audi< / a > < / li >
< li > < a href = "index.html" > BMW< / a > < / li >
< li > < a href = "index.html" > Cadillac< / a > < / li >
< li > < a href = "index.html" > Chrysler< / a > < / li >
< li > < a href = "index.html" > Dodge< / a > < / li >
< li > < a href = "index.html" > Ferrari< / a > < / li >
< li > < a href = "index.html" > Ford< / a > < / li >
< li > < a href = "index.html" > GMC< / a > < / li >
< li > < a href = "index.html" > Honda< / a > < / li >
< li > < a href = "index.html" > Hyundai< / a > < / li >
< li > < a href = "index.html" > Infiniti< / a > < / li >
< li > < a href = "index.html" > Jeep< / a > < / li >
< li > < a href = "index.html" > Kia< / a > < / li >
< li > < a href = "index.html" > Lexus< / a > < / li >
< li > < a href = "index.html" > Mini< / a > < / li >
< li > < a href = "index.html" > Nissan< / a > < / li >
< li > < a href = "index.html" > Porsche< / a > < / li >
< li > < a href = "index.html" > Subaru< / a > < / li >
< li > < a href = "index.html" > Toyota< / a > < / li >
< li > < a href = "index.html" > Volkswagon< / a > < / li >
< li > < a href = "index.html" > Volvo< / a > < / li >
2010-10-10 14:41:34 +00:00
< / ul >
2010-10-13 22:41:35 +00:00
< h2 > Demo description< / h2 >
< p > This is a demo of a persistent footer - click the tabs below. The footer on this page should stick when transitioning to the next page, because they have the same data-id attributes. < / p >
2010-10-10 14:41:34 +00:00
< / div >
< div data-role = "footer" data-id = "foo1" >
2010-10-13 22:41:35 +00:00
< div data-role = "navbar" >
< ul >
< li > < a href = "footer-persist.html" class = "ui-btn-active" > Cars< / a > < / li >
< li > < a href = "footer-persist-b.html" > Friends< / a > < / li >
< li > < a href = "footer-persist-c.html" > Albums< / a > < / li >
< li > < a href = "footer-persist-d.html" > Emails< / a > < / li >
< / ul >
< / div > <!-- /navbar -->
2010-10-10 14:41:34 +00:00
< / div >
< / div >
< / body >
< / html >
