జెక్కీవీ మొబైల్ టూల్బార్

జెక్కీవీ మొబైల్ టూల్బార్

టూల్బార్ ఎలమెంట్స్ సాధారణంగా పేజీ హెడర్ లేదా పేజీ ఫూటర్ లో చేర్చబడతాయి - "అనుసంధానించబడిన" నేవిగేషన్ ను అమలు చేయడానికి:

టాటల్ బార్

పేజీ హెడర్ సాధారణంగా పేజీ హెడర్ / లోగో లేదా ఒకటి లేదా రెండు బటన్లను కలిగివుంటుంది (సాధారణంగా హోమ్ పేజీ, ఎంపికలు లేదా శోధన బటన్లు).

మీరు పేజీ హెడర్ లో కుడివైపు లేదా / మరియు కుడివైపు బటన్లను చేర్చవచ్చు.

ఈ కోడ్, పేజీ హెడర్ పేరు పైన కుడివైపు ఒక బటన్ను చేర్చి, కుడివైపు ఒక బటన్ను చేర్చగలుగుతుంది:

ఉదాహరణ

<div data-role="header">
  <a href="#" data-role="button">హోమ్ పేజీ</a>
  <h1>మా హోమ్ పేజీకి స్వాగతం</h1>
  <a href="#" data-role="button">శోధన</a>
</div>

亲自试一试

ఈ కోడ్ పేజీ హెడర్ పేరు కుడివైపు ఒక బటన్ను చేర్చగలుగుతుంది:

<div data-role="header">
  <a href="#" data-role="button">హోమ్ పేజీ</a>
  <h1>మా హోమ్ పేజీకి స్వాగతం</h1>
</div>

అయితే, మీరు <h1> ఎలమెంట్ తర్వాత బటన్ లింకులను చేర్చినట్లయితే, అది పాఠం కుడివైపు చూపబడదు. పేజీ హెడర్ పేరు కుడివైపు బటన్ను చేర్చడానికి, "ui-btn-right" కేస్ట్రమ్ నిర్దేశించండి:

ఉదాహరణ

<div data-role="header">
  <h1>మా హోమ్ పేజీకి స్వాగతం</h1>
  <a href="#" data-role="button" class="ui-btn-right">శోధన</a>
</div>

亲自试一试

提示：పేజీ హెడర్ ఒకటి లేదా రెండు బటన్లను కలిగివుంటుంది, కానీ పేజీ ఫూటర్ సంఖ్యలో పరిమితి లేదు.

పేజీ ఫూటర్ బార్

పేజీ హెడర్ తో పోలిస్తే, పేజీ ఫూటర్ మరింత విస్తరణాత్మకం - అది ఎక్కువగా ఉపయోగపడుతుంది మరియు మారుతుంది, కాబట్టి అవసరమైన సంఖ్యలో బటన్లను కలిగివుంటుంది:

ఉదాహరణ

<div data-role="footer">
  <a href="#" data-role="button">ప్రసారం చేయడానికి సైనా వెబ్</a>
  <a href="#" data-role="button">ప్రసారం చేయడానికి టెంట్ వెబ్</a>
  <a href="#" data-role="button">ప్రసారం చేయడానికి QQ స్పేస్</a>
</div>

亲自试一试

ప్రకటన:ఫూటర్ మరియు హెడర్ స్టైల్ వేరుగా ఉంటాయి (దానిలో అంతరాంతరాలు మరియు అంతరాంతరాలు తగ్గిపోతాయి, మరియు బటన్లు మధ్యన మధ్యన ఉంటాయి). ఈ సమస్యను సమాధానం చేయడానికి, ఫూటర్ లో "ui-btn" క్లాస్ సెట్ చేయండి:

ఉదాహరణ

<div data-role="footer" class="ui-btn">

亲自试一试

మీరు ఫూటర్ లో బటన్లను అయినా సరాసరిగా కలపవచ్చు లేదా ఉంచవచ్చు:

ఉదాహరణ

<div data-role="footer" class="ui-btn">
  <div data-role="controlgroup" data-type="horizontal">
    <a href="#" data-role="button" data-icon="plus">ప్రసారం చేయడానికి సైనా వెబ్</a>
    <a href="#" data-role="button" data-icon="plus">ప్రసారం చేయడానికి టెంట్ వెబ్</a>
    <a href="#" data-role="button" data-icon="plus">ప్రసారం చేయడానికి QQ స్పేస్</a>
  </div>
</div>

亲自试一试

హెడర్ మరియు ఫూటర్ స్థానాన్ని నిర్ణయించండి

హెడర్ మరియు ఫూటర్ స్థానాన్ని చేయడానికి మూడు విధాలు ఉన్నాయి:

  • స్థిర - అప్రమేయం. హెడర్ మరియు ఫూటర్ పేజీ కంటెంట్ తో ఒక పంక్తిలో ఉంటాయి.
  • స్థిర - పేజీ మరియు ఫూటర్ పేజీ పైన మరియు ప్రక్కన ఉంటాయి.
  • పూర్తి స్క్రీన్ - fixed తో సమానం; పేజీ మరియు ఫూటర్ పేజీ పైన మరియు ప్రక్కన ఉంటాయి, కానీ పేజీ కంటెంట్ పైన కూడా ఉంటాయి. ఇది కూడా కొంచంచా స్పష్టంగా ఉంటుంది

పేజీ హెడర్ మరియు ఫూటర్ స్థానాన్ని నిర్ణయించడానికి data-position అంశాన్ని ఉపయోగించండి:

స్థిర స్థానం (అప్రమేయం)

<div data-role="header" data-position="inline">
<div data-role="footer" data-position="inline">

亲自试一试

స్థిర స్థానం

<div data-role="header" data-position="fixed">
<div data-role="footer" data-position="fixed">

亲自试一试

పూర్తి స్థానాన్ని చేతనం చేయడానికి data-position="fixed" ఉపయోగించండి మరియు ఈ కూడా అంశానికి data-fullscreen అంశాన్ని జోడించండి:

పూర్తి స్క్రీన్ స్థానం

<div data-role="header" data-position="fixed" data-fullscreen="true">

data-fullscreen="true">

亲自试一试

提示：fullscreen 对于照片、图像和视频非常理想。

提示：对于 fixed 和 fullscreen 定位，触摸屏幕将隐藏和显示页眉及页脚。