|
|
Строка 1: |
Строка 1: |
− | <style type="text/css">#sp_zoom button { padding: 4px 10px; font-size: 120%; }</style>
| |
| | | |
− | <script src="/sp/jquery/js/jquery-1.4.4.min.js" type="text/javascript"></script>
| |
− |
| |
− | <script>
| |
− | var sp_current_zoom = 1.0;
| |
− |
| |
− | function sp_zoom()
| |
− | {
| |
− | $('body').css({
| |
− | zoom: sp_current_zoom,
| |
− | transform: 'scale(' + sp_current_zoom + ')',
| |
− | 'transform-origin': '0 0',
| |
− |
| |
− | '-moz-transform': 'scale(' + sp_current_zoom + ')',
| |
− | '-moz-transform-origin': '0 0',
| |
− |
| |
− | '-webkit-transform': 'scale(' + sp_current_zoom + ')',
| |
− | '-webkit-transform-origin': '0 0',
| |
− |
| |
− | '-o-transform-origin': '0 0'
| |
− | });
| |
− | }
| |
− |
| |
− | $(function(){
| |
− | $('#sp_zoom_plus').click(function() { sp_current_zoom += 0.1; sp_zoom(); });
| |
− | $('#sp_zoom_minus').click(function() { sp_current_zoom -= 0.1; sp_zoom(); });
| |
− | $('#sp_zoom_reset').click(function() { sp_current_zoom = 1; sp_zoom(); });
| |
− | });
| |
− |
| |
− | </script>
| |
− |
| |
− | <div style="text-align: center; margin: 12px 20px; font-size: 12pt; background-color: #fff; color: #000; padding: 8px; border: 2px solid black;">
| |
− | <div style="font-weight: bold; margin-bottom: 3px;">Версия для слабовидящих.</div>
| |
− | Размер шрифта:
| |
− | <div style="margin-top: 4px" id="sp_zoom">
| |
− | <button type="button" id="sp_zoom_plus">+</button>
| |
− | <button type="button" id="sp_zoom_minus">−</button>
| |
− | <button type="button" id="sp_zoom_reset">Сброс</button>
| |
− | </div>
| |
− | </div>
| |