..


赞助商链接

管理字体的大小... 采用了滑盖！

由Riccardo布兰比拉写文章
第1 2

现代的网站，你不仅应该实现的图形和内容也是“无障碍知道。

是否有关于W3C的任何指引，你可以找到翻译在这里 。

除其他事情也很重要，让那些谁访问我们能够放大特定页面或部分文本。

这除了与视力问题被市民所享有的功能可以成为我们工作的旗舰，如果在创造性地实施。

该解决方案

我认为这一次使用了 jQuery UI Slider组件来创建我们的fontSize的用开关，使得使用过程中也CSS几行。

为了给出一个最终的结果，我们要实现一看下面的图片的想法：

我们的滑块

所需

下面是一个简单的文件夹结构的例子“的形象：

文件夹结构

jQuery和jQuery的用户界面

我们首先从下载jQuery的最新版本在这里 （1.6.1在撰写本文时）

下一步是下载jQuery UI的 ， 特别是Slider组件，下面所描述的相同的步骤，我们这里的进度。

的index.html

有那么一个简单的HTML结构，我们称之为公正的index.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的bua-beads.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的bua-beads.com和字体大小</ H3>



  

  



 <div id="fontLabels">



    



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



    



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



    



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



    



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



  



 </ DIV>



  

  



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



  



 <div id="textcontent">



    



 Lorem ipsum悲坐在阿梅特，consectetur adipiscing ELIT。

 

    



 Quisque SEM risus，eget CONGU最值得eget，在罐子pharetra。

 

    



在HAC dictumst habitare观众。



  



 </ DIV>







 </ BODY>







 </ HTML>

该网页包括所有必要的文件，CSS和JS文件，我们需要的。 身体内部的标签我们只是定义一个 div 的id = fontLabels里面有四个分区将包含一个不同的字体大小的“A”样本。

只要下面我们定义一个容器（DIV ID =“sliderCont”），我们需要把页面中，在与自己的ID格=“滑块”中，我们将建立与jQuery UI滑块本身。

我添加了文本容器的ID =“TextContent”上，我们将采取行动，增加/减少字体大小。

在同一类...
电子学习
CSS（课程） CSS（课程）
网页设计和辅助功能根据W3C CSS和XHTML。 起价29€。
HTML（课程） HTML（课程）
为从29€Web标记语言。
使用Javascript（课程） 使用Javascript（课程）
完成引导客户端脚本。 从39€。
赞助商链接