..


Rėmėjų nuorodos

Valdyti šriftų dydį ... su slankiklį!

Straipsnį parašė Riccardo Brambilla
Puslapis 1 iš 2

Įgyvendinimas šiuolaikinės svetainę ir jums reikia žinoti ne tik grafikos ir turinio, bet ir "prieinamumas.

Ar yra kokių nors apie W3C rekomendacijų, galite rasti vertimą čia .

Tarp kitų dalykų, taip pat svarbu, kad tie, kurie pas mus būtų galima priartinti tam tikro puslapio ar skyriaus tekstą.

Ši Be to, kad naudojasi žmonių su regėjimo problemų funkcija gali tapti mūsų darbo flagmaną, jei įgyvendinamas kūrybiškai.

Sprendimas

Maniau, kad šį kartą naudojant JQuery UI slankiklį komponentas sukurti savo šriftą, jungikliai, naudoti taip pat, žinoma, keletą eilučių iš CSS.

Kad iš galutinio rezultato norime pasiekti atrodo paveikslėlyje idėja:

Mūsų slankiklį

Reikia

Čia yra "įvaizdis paprastas aplankų struktūros pavyzdys:

aplankų struktūra

JQuery ir JQuery Ui

Mes atsisiųsti pirmiausia naujausią JQuery iš čia (1.6.1 Rengiant laiku)

Kitas žingsnis yra parsisiųsti jQuery UI , ypač slankiklį komponentas, po tuos pačius veiksmus, kad mes aprašyta čia už ProgressBar.

Index.html

Yra tada paprastas HTML struktūrą, kuri mes vadiname puslapis tik index.html 






 <DOCTYPE HTML VISUOMENĖS! "- / / W3C / / DTD XHTML 1.0 Transitional / / EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">









 <html>







 <head>



  



 Sustumiami <title> JQuery Ui coiffeur-donyo-vaucluse.com ir font-size </ title>





  



 href = "CSS / style.css" <link rel="stylesheet" type="text/css" />



  



 href = "css/ui-lightness/jquery-ui-1.8.13.custom.css" <link rel="stylesheet" type="text/css" />



  



 src = "js/jquery.1.6.1.js" <script type="text/javascript"> </ script>



  



 src = "js/jquery-ui-1.8.13.custom.min.js" <script type="text/javascript"> </ script>



  



 src = "JS / index.js" <script type="text/javascript"> </ script>



    





 </ Head>







 <body>



  



 Sustumiami <h3> JQuery Ui coiffeur-donyo-vaucluse.com ir font-size </ h3>



  

  



 <div id="fontLabels">



    



 <div id="normal"> </ div>



    



 <div id="big"> </ div>



    



 <div id="bigger"> </ div>



    



 <div id="biggest"> </ div>



  



 </ Div>



  

  



 <div id="sliderCont"> <div id="slider" class="ui-widget-header"> </ div> </ div>



  



 <div id="textcontent">



    



 Lorem ipsum dolor sit amet, consectetur adipiscing Elit.

 

    



 Quisque SEM Risus, eget CONGU labiausiai vertas eget, pharetra į stiklainius.

 

    



 Be HAC dictumst habitare auditoriją.



  



 </ Div>







 </ Body>







 </ Html>

Šiame puslapyje yra visi reikalingi failai, CSS ir JS failus mums reikia. Kūno viduje tegus mes tiesiog apibrėžti div su ID = fontLabels viduje su keturiais div kad bus pateikta "A" mėginio įvairių font-size.

Tiesiog žemiau mes apibrėžiame konteinerių (div id = "sliderCont") mums reikia įdėti save į puslapio viduryje ir per su ID div = "slankiklį", kurioje statysime su JQuery UI slankiklį pati.

Aš pridėti tekstą konteinerį su id = "textContent", dėl kurių mes veiksime padidinti / sumažinti šrifto dydį.

Tos pačios kategorijos ...
E-mokymasis
CSS (kurso) CSS (kurso)
Web dizainas ir prieinamumas pagal W3C CSS ir XHTML. Nuo 29 €.
HTML (kurso) HTML (kurso)
Žymėjimo kalbą nuo 29 € internete.
Javascript (kursų) Javascript (kursų)
Užbaigti vadovą kliento-side scripting. Nuo 39 €.
Rėmėjų nuorodos