无障碍阅读
无障碍阅读主要的实现方式有“页面放大”,“页面缩小”,“文字放大”和“文章缩小”和“重新载入”。
主要的实现方式见代码:
1 var textNum = 14; 2 var zoomNum = 1; 3 var $body = $('body'); 4 //页面放大 5 function PageBig() { 6 zoomNum += 0.1; 7 $body.css('zoom', zoomNum) 8 } 9 //页面缩小 10 function PageSmall() { 11 zoomNum -= 0.1; 12 $body.css('zoom', zoomNum); 13 } 14 //文字放大 15 function FontBig() { 16 textNum++; 17 $body.css('font-size', textNum + 'px'); 18 } 19 //文字缩小 20 function FontSmall() { 21 textNum--; 22 $body.css('font-size', textNum + 'px'); 23 } 24 //页面重新载入 25 function PageReset() { 26 // location.href = window.location.href; 27 location.reload(); 28 }