<!doctype html><html><head><metacharset="UTF-8"><metaname="viewport"content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"><title>Tabs Badge - jQuery EasyUI Mobile Demo</title><linkrel="stylesheet"type="text/css"href="../../themes/metro/easyui.css"><linkrel="stylesheet"type="text/css"href="../../themes/icon.css"><linkrel="stylesheet"type="text/css"href="../../themes/mobile.css"><script type="text/javascript"src="../../jquery.min.js"></script><script type="text/javascript"src="../../jquery.easyui.min.js"></script><script type="text/javascript"src="../../jquery.easyui.mobile.js"></script></head><body><divclass="easyui-navpanel"><header><divclass="m-toolbar"><divclass="m-title">Tabs Badge</div></div></header><divclass="easyui-tabs"data-options="tabHeight:60,fit:true,tabPosition:'bottom',border:false,pill:true,narrow:true,justified:true"><divstyle="padding:10px"><divclass="panel-header tt-inner"><imgsrc='../images/modem.png'/><br>Modem
</div><p>A modem (modulator-demodulator) is a device that modulates an analog carrier signal to encode digital information, and also demodulates such a carrier signal to decode the transmitted information.</p></div><divstyle="padding:10px"><divclass="panel-header tt-inner"><imgsrc='../images/scanner.png'/><br>Scanner
</div><p>In computing, an image scanner—often abbreviated to just scanner—is a device that optically scans images, printed text, handwriting, or an object, and converts it to a digital image.</p></div><divstyle="padding:10px"><divclass="panel-header tt-inner"><imgsrc='../images/pda.png'/><br>Pda
<spanclass="m-badge">23</span></div><p>A personal digital assistant (PDA), also known as a palmtop computer, or personal data assistant, is a mobile device that functions as a personal information manager. PDAs are largely considered obsolete with the widespread adoption of smartphones.</p></div><divstyle="padding:10px"><divclass="panel-header tt-inner"><imgsrc='../images/tablet.png'/><br>Pda
<spanclass="m-badge">13</span></div><p>A tablet computer, or simply tablet, is a one-piece mobile computer. Devices typically have a touchscreen, with finger or stylus gestures replacing the conventional computer mouse.</p></div></div></div><style scoped>.tt-inner{display:inline-block;line-height:12px;padding-top:6px;position:relative;}p{line-height:150%;}</style></body></html>
<!doctype html><html><head><metacharset="UTF-8"><metaname="viewport"content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"><title>Group LinkButton - jQuery EasyUI Mobile Demo</title><linkrel="stylesheet"type="text/css"href="../../themes/metro/easyui.css"><linkrel="stylesheet"type="text/css"href="../../themes/mobile.css"><linkrel="stylesheet"type="text/css"href="../../themes/icon.css"><script type="text/javascript"src="../../jquery.min.js"></script><script type="text/javascript"src="../../jquery.easyui.min.js"></script><script type="text/javascript"src="../../jquery.easyui.mobile.js"></script></head><body><divclass="easyui-navpanel"><header><divclass="m-toolbar"><divclass="m-title">Button Group</div></div></header><divstyle="text-align:center;padding:10px"><spanclass="m-buttongroup"><ahref="javascript:void(0)"class="easyui-linkbutton"data-options="toggle:true,group:'g1',selected:true"onclick="show1('#m-modem')"style="width:80px;height:30px">Modem</a><ahref="javascript:void(0)"class="easyui-linkbutton"data-options="toggle:true,group:'g1'"onclick="show1('#m-scanner')"style="width:80px;height:30px">Scanner</a><ahref="javascript:void(0)"class="easyui-linkbutton"data-options="toggle:true,group:'g1'"onclick="show1('#m-tablet')"style="width:80px;height:30px">Tablet</a></span></div><divid="items"style="padding:10px 20px;"><divid="m-modem"class="m-item"><imgsrc="../images/modem.png"/><p>A modem (modulator-demodulator) is a device that modulates an analog carrier signal to encode digital information, and also demodulates such a carrier signal to decode the transmitted information.</p></div><divid="m-scanner"class="m-item"style="display:none"><imgsrc="../images/scanner.png"/><p>In computing, an image scanner—often abbreviated to just scanner—is a device that optically scans images, printed text, handwriting, or an object, and converts it to a digital image.</p></div><divid="m-tablet"class="m-item"style="display:none"><imgsrc="../images/tablet.png"/><p>A tablet computer, or simply tablet, is a one-piece mobile computer. Devices typically have a touchscreen, with finger or stylus gestures replacing the conventional computer mouse.</p></div></div></div><script>functionshow1(id){$('div.m-item').hide();$(id).show();}</script><style scoped>p{line-height:150%;}#itemsimg{margin:010px10px0;float:left;}</style></body></html>
