..


스폰서 링크

글꼴의 크기를 관리 ... 슬라이더와 함께!

리카르도 Brambilla 쓴 기사
2 페이지 1

현대적인 사이트와 구현뿐만 아니라 그래픽과 콘텐츠뿐만 아니라 접근 '을 알고 있어야합니다.

W3C에 대한 지침이있다, 당신은 번역을 찾을 수 있습니다 여기 .

다른 것들 중에서 우리를 방문하는 사람들이 특정 페이지 또는 섹션의 텍스트를 확대 할 수 있도록하는 것도 중요합니다.

독창적인 방법으로 구현하면 시각 문제를 가진 사람들이 즐길되고 이외에도이 기능은 우리 연구의 주력이 될 수 있습니다.

솔루션

물론 난 또 CSS의 몇 라인을 사용하고, 우리의 글꼴 크기 - 스위처를 만들 jQuery UI 슬라이더 구성 요소를 사용하여이 시간을 생각.

우리가 살펴 아래의 이미지를 달성하고자하는 최종 결과의 아이디어를 제공하려면 다음 단계를 따르십시오

우리 슬라이더

필요한

여기 간단한 폴더 구조 예제의 '이미지입니다

폴더 구조

jQuery와 jQuery UI

우리의 첫번째 jQuery의 최신 버전을 다운로드 여기 (작성시 1.6.1)

다음 단계는 다운로드하는 것입니다 jQuery UI를 , 특히 슬라이더 구성 요소에서, 우리가 설명한 것과 같은 단계에 따라 여기에 progressbar에 대한합니다.

index.html 페이지

우리는 페이지가 단지 index.html 페이지 전화 단순한 HTML 구조는 다음 있습니다 






 <DOCTYPE HTML PUBLIC "- / / W3C / / DTD XHTML 1.0 과도 / / EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">









 <HTML>







 <HEAD>



  



 슬라이더 <TITLE> jQuery UI cpclubpenguincheatscp.com과 글꼴 크기 </ 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>



  



 슬라이더 <h3> jQuery UI cpclubpenguincheatscp.com과 글꼴 크기 </ H3>



  

  



 <div id="fontLabels">



    



 <div id="normal"> </ 사업부>



    



 <div id="big"> </ 사업부>



    



 <div id="bigger"> </ 사업부>



    



 <div id="biggest"> </ 사업부>



  



 </ 사업부>



  

  



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



  



 <div id="textcontent">



    



 Lorem ipsum 슬픔 앉아 amet, consectetur adipiscing elit.

 

    



 Quisque SEM risus, 단지에서 eget CONGU 가장 가치 eget, pharetra.

 

    



 HAC dictumst habitare 고객에.



  



 </ 사업부>







 </ BODY>







 </ HTML>

이 페이지는 우리가 필요로하는 모든 필요한 파일, css와 js 파일을 포함합니다. BODY 태그 안에 우리는 단지 다른 글꼴 크기로 "A"샘플이 포함됩니다 넷 사업부와 내부 ID = fontLabels와 사업부를 정의합니다.

아래 우리는 컨테이너를 정의 (사업부 ID = "sliderCont") 우리가 페이지의 중간에서 ID를 사용하여 사업부 내에서 스스로를 넣어야하는데 우리는 jQuery UI 슬라이더 자체 구축할 수있는 = "슬라이더".

나는 텍스트 컨테이너를 추가 ID로 우리가 글꼴 크기를 증가 / 감소하는 역할을하는 = "TextContent".

같은 범주에 ...
E - 학습
CSS (코스) CSS (코스)
W3C CSS와 XHTML에 따라 웹 디자인 및 접근성. 29 €에서 시작.
HTML (코스) HTML (코스)
29 €에서 웹 마크업 언어입니다.
자바 스크립트 (코스) 자바 스크립트 (코스)
클라이언트측 스크립팅 가이드를 완료하십시오. 39 €에서.
스폰서 링크