జెక్కీమ్ మొబైల్ పేజీ

ప్రోగ్రామింగ్

సూచన:జీన్ మొబైల్ లోకి ప్రవేశించడానికి ఉపయోగించండి

అయితే జీన్ మొబైల్ అన్ని మొబైల్ పరికరాలకు అనువందించబడుతుంది, అయితే టేబుల్ట్ కంప్యూటర్లపై కంపాటిబిలిటీ సమస్యలు ఉండవచ్చు (పరిమిత CSS3 సపోర్ట్ కారణం).

ప్రతీయుక్తి

<body>
<div data-role="page">
  <div data-role="header">
    <h1>నా హోమ్ పేజీకి స్వాగతం</h1>
<div data-role="content"> <p>నేను మొబైల్ డెవలపర్ అని ఉన్నాను!</p>
<div data-role="footer"> <h1>పాదప్రకరణ టెక్స్ట్</h1>
</body>

亲自试一试

ఉదాహరణ వివరణ:

ఈ కంటైనర్లలో, ఏదైనా హైట్మల్ ఎలమెంట్స్ జోడించవచ్చు - పేరాగ్రాఫులు, చిత్రాలు, శీర్షికలు, జాబితాలు మొదలుకొని ఇతర విషయాలు.

సూచన:HTML5 data-* అంశాలు జీన్ మొబైల్ ద్వారా మొబైల్ పరికరాలకు "టచ్ ఫ్రియండ్లీ" ఇంటరాక్షన్ ప్రక్రియను సృష్టించడానికి ఉపయోగించబడతాయి.

జీన్ మొబైల్లో పేజీలను జోడించండి

జీన్ మొబైల్లో ఒక హైట్మల్ ఫైల్లో పలు పేజీలను సృష్టించవచ్చు.

ప్రతి పేజీని వేరు చేయడానికి ప్రత్యేకమైన id వాడండి మరియు పరస్పరం సంధానించడానికి href అంశాన్ని వాడండి:

ప్రతీయుక్తి

<div data-role="page" id="pageone">
  

    <a href="#pagetwo">పేజీ రెండవకు వెళ్ళండి</a>
<div data-role="page" id="pagetwo">
转到页面一

亲自试一试

ప్రతీయుక్తి:భారీ విషయాలు కలిగిన వెబ్ అప్లికేషన్లు లోడ్ సమయాన్ని ప్రభావితం చేస్తాయి (టెక్స్ట్, లింకులు, చిత్రాలు మరియు స్క్రిప్టులు మొదలుకొని ఇతర విషయాలు). అందువల్ల లింకులను అంతర్గత లింకుల పేజీలో వాడకం మానించాలి అని ఆశించారు అప్పుడు బాహ్య ఫైల్స్ వాడండి:

<a href="externalfile.html">బాహ్య పేజీకి వెళ్ళండి</a>

పేజీని డైలాగ్ గా వాడండి

డైలాగ్ సమాచారాన్ని చూపించడానికి లేదా ప్రవేశం అంగీకారం కోసం వినియోగించే విండో రకం.

వినియోగదారు లింకును క్లిక్ చేసినప్పుడు డైలాగ్ సృష్టించడానికి data-rel="dialog" ను లింకుకు జోడించండి:

ప్రతీయుక్తి

<div data-role="page" id="pageone">
  

    data-rel="dialog">转到页面二
转到页面一

亲自试一试