การจัดการขนาดของแบบอักษรที่ ... ที่มีแถบเลื่อน!
หน้า 1 จาก 2
การดำเนินการของไซต์ที่ทันสมัยและคุณควรจะตระหนักถึงความไม่เพียงของกราฟิกและเนื้อหา แต่ยังในการเข้าถึง'
จะมีแนวทางใด ๆ เกี่ยวกับ W3C ที่คุณสามารถหาคำแปล ที่นี่ .
หมู่สิ่งอื่น ๆ มันก็ยังเป็นสิ่งสำคัญที่จะช่วยให้บรรดาผู้ที่มาเยี่ยมชมเพื่อให้สามารถซูมข้อความของหน้าใดหน้าหนึ่งหรือส่วน
คุณลักษณะที่นอกจากจะมีความสุขโดยคนที่มีปัญหาภาพนี้จะกลายเป็นเรือธงของการทำงานของเราในกรณีที่มีการใช้งานในทางที่สร้างสรรค์
การแก้ปัญหา
ฉันคิดว่าเวลาใช้ jQuery UI องค์ประกอบเลื่อนเพื่อสร้าง switchers ยินดีต้อนรับคุณของเรานี้ทำให้การใช้งานของหลักสูตรยังไม่กี่บรรทัดของ CSS
เพื่อให้ความคิดของผลสุดท้ายที่เราต้องการเพื่อให้บรรลุดูภาพด้านล่างนี้ :
ที่จำเป็นต้องใช้
นี่เป็นภาพ'จากตัวอย่างโครงสร้างของโฟลเดอร์ง่ายๆก็คือ :
อุ้ย jQuery และ jQuery
เราดาวน์โหลดครั้งแรกรุ่นล่าสุดของ jQuery จาก ที่นี่ (1.6.1 เวลาของการเขียน)
ขั้นตอนต่อไปคือการดาวน์โหลด jQuery UI , และโดยเฉพาะในส่วนที่เลื่อนตามขั้นตอนเดียวกันกับที่เราอธิบายไว้ ที่นี่ สำหรับใน ProgressBar
index.html
มีแล้วเป็นโครงสร้าง HTML ง่ายๆที่เราเรียกหน้า index.html เพียง
<DOCTYPE html มหาชน!"-- / / W3C / / DTD XHTML 1.0 Transitional / / EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
เลื่อน <title> jQuery UI และ comfortpianostudio.com 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>
เลื่อน <h3> jQuery UI และ comfortpianostudio.com font - size </ h3>
id="fontLabels"> <div
<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"> </ font> </ div>
id="textcontent"> <div
Lorem Ipsum dolor Sit Amet, consectetur adipiscing Elit
Quisque risus SEM, eget eget CONGU คุ้มค่ามากที่สุด pharetra ในเหยือก
ในกลุ่ม HAC dictumst habitare
</ div>
</ BODY>
</ HTML>
หน้านี้จะรวมทุกไฟล์ที่จำเป็น, CSS และ JS ไฟล์ที่เราต้องการ ภายในแท็กร่างกายเราเพียงแค่กำหนด div ที่มี id = fontLabels ภายในมีสี่ div ที่จะมีตัวอย่าง"A"ด้วยขนาดแบบอักษรที่แตกต่างกัน
เพียงด้านล่างที่เรากำหนดภาชนะ (div id ="sliderCont") ที่เราจำเป็นต้องใส่ตัวเองในช่วงกลางของหน้าและภายใน div ที่มี id ="เลื่อน"ซึ่งเราจะสร้างที่มีแถบเลื่อน jQuery UI ตัวเอง
ฉันจะเพิ่มภาชนะบรรจุข้อความที่มี id ="TextContent"ที่เราจะทำหน้าที่เพื่อเพิ่ม / ลดขนาดตัวอักษร
 |
CSS (หลักสูตร)
การออกแบบเว็บและการใช้งานตาม W3C CSS และ XHTML เริ่มต้นจาก 29 € |
 |
HTML (หลักสูตร)
ภาษามาร์คอัปสำหรับเว็บจาก 29 € |
 |
Javascript (หลักสูตร)
คู่มือที่สมบูรณ์ในการเขียนสคริปต์ฝั่งไคลเอนต์ จาก 39 € |