| 05.12.2010, 14:39 | |
 в html цвета меняем на свои Code <style type="text/css"> #led{ border: 1px solid #ddd; background-color: #000; padding: 0; overflow: hidden; } .light{ display: block; float: left; width: 4px; height: 4px; line-height: 0; font-size: 0px; margin: 1px; padding: 0; background-color: #422; -moz-border-radius: 1px; -webkit-border-radius: 1px; } .on{ background-color: red; } </style> в Code <body> <div id="led">пишем что угодно </div>
Code <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript"> var map = new Array(); map[" "] = [[]]; map["A"] = [[3,4,5,6,7],[1,2,4],[0,4],[1,2,4],[3,4,5,6,7]]; map["B"] = [[0,1,2,3,4,5,6,7],[0,3,7],[0,3,7],[0,3,7], [1,2,4,5,6]]; map["C"] = [[1,2,3,4,5,6],[0,7],[0,7],[0,7], [1,6]] map["D"] = [[0,1,2,3,4,5,6,7],[0,7],[0,7],[1,6], [2,3,4,5]]; map["E"] = [[0,1,2,3,4,5,6,7],[0,3,7],[0,3,7],[0,3,7],[0,7]]; map["F"] = [[0,1,2,3,4,5,6,7],[0,3],[0,3],[0,3],[0]]; map["G"] = [[1,2,3,4,5,6],[0,7],[0,7],[0,4,7], [1,4,5,6]] map["H"] = [[0,1,2,3,4,5,6,7],[3],[3],[3],[0,1,2,3,4,5,6,7]]; map["I"] = [[0,7],[0,7],[0,1,2,3,4,5,6,7],[0,7],[0,7]]; map["J"] = [[0,6],[0,7],[0,7],[0,7],[0,1,2,3,4,5,6]]; map["K"] = [[0,1,2,3,4,5,6,7],[3],[3],[2,4], [0,1,5,6,7]]; map["L"] = [[0,1,2,3,4,5,6,7],[7],[7],[7]]; map["M"] = [[0,1,2,3,4,5,6,7],[2],[3],[2],[0,1,2,3,4,5,6,7]]; map["N"] = [[0,1,2,3,4,5,6,7],[2],[3],[4],[0,1,2,3,4,5,6,7]]; map["O"] = [[1,2,3,4,5,6],[0,7],[0,7],[0,7], [1,2,3,4,5,6]]; map["P"] = [[0,1,2,3,4,5,6,7],[0,3],[0,3],[0,3],[1,2]]; map["Q"] = [[1,2,3,4,5,6],[0,7],[0,5,7],[0,6], [1,2,3,4,5,6,7]]; map["R"] = [[0,1,2,3,4,5,6,7],[0,3],[0,3,4], [1,2,5,6,7]]; map["S"] = [[1,2,6],[0,3,7],[0,3,7],[0,3,7],[1,4,5,6]]; map["T"] = [[0],[0],[0,1,2,3,4,5,6,7],[0],[0]]; map["U"] = [[0,1,2,3,4,5,6],[7],[7],[7],[0,1,2,3,4,5,6]]; map["V"] = [[0,1],[2,3,4],[5,6,7],[2,3,4],[0,1]]; map["W"] = [[0,1,2,3,4,5,6],[7],[3,4,5,6],[7],[0,1,2,3,4,5,6]]; map["X"] = [[0,1,6,7],[2,5],[3,4],[2,5],[0,1,6,7]]; map["Y"] = [[0,1],[2],[3,4,5,6,7],[2],[1,0]]; map["Z"] = [[0,5,6,7], [0,4,7],[0,3,7], [0,2,7],[0,1,7]]; map["0"] = [[2,3,4,5],[1,6],[0,7],[1,6], [2,3,4,5]]; map["1"] = [[1,7],[0,1,2,3,4,5,6,7],[7]]; map["2"] = [[1,6,7], [0,5,7], [0,4,7], [0,3,7], [1,2,7]]; map["3"] = [[1,6],[0,7],[0,3,7],[0,3,7], [1,2,3,4,5,6]]; map["4"] = [[3,4], [2,4],[1,4],[0,1,2,3,4,5,6,7],[4]]; map["5"] = [[0,1,2,6],[0,3,7],[0,3,7],[0,3,7], [0,4,5,6]]; map["6"] = [[1,2,3,4,5,6],[0,3,7],[0,3,7],[0,3,7],[1,4,5,6]]; map["7"] = [[0],[0,5,6,7],[0,4],[0,3],[0,1,2]]; map["8"] = [[1,2,4,5,6],[0,3,7],[0,3,7],[0,3,7],[1,2, 4,5,6]]; map["9"] = [[1,2,6],[0,3,7],[0,3,7],[0,3,7],[1,2,3,4,5,6]]; map["&"] = [[1,4,5,6], [0,2,3,7], [0,3,7], [0,4,7], [1,5,6]]; map["/"] = [[6],[5],[4],[3],[2]]; map["%"] = [[1,2,6],[1,2,5],[4],[3,5,6],[2,5,6]]; map["#"] = [[2,4], [0,1,2,3,4,5,6],[2,4], [0,1,2,3,4,5,6],[2,4]]; map["!"] = [[0,1,2,3,4,6,7], [0,1,2,3,4,6,7]]; map["-"] = [[3], [3], [3]]; map["("] = [[2,3,4,5],[1,6],[0,7]]; map[":"] = [[2,5]]; map[")"] = [[0,7],[1,6],[2,3,4,5]]; map["*"] = [[1,3,6],[2,3,5],[3,4],[2,4,5],[1,4,6]]; map["."] = [[6,7],[6,7]]; map[","] = [[7],[5,6]]; map["$"] = [[2,3,6],[1,4,7],[0,1,2,3,4,5,6,7],[1,4,7],[2,5,6]]; map["'"] = [[1],[0]]; map['"'] = [[0,1],[],[0,1]]; function createLights(cols, rows, displayWidth) { $('#led').html('<div id="pcb"></div>'); for(i = 0; i < rows; i++){ for(j = 0; j < cols; j++){ $('#pcb').append('<span rel="'+j+'" class="light col-'+j+' row-'+i+'" id="c'+j+'-r'+i+'"></span>'); } } var lightSize = 6; // ширина светящейся точки + отступ $('#pcb').css({width: (cols*lightSize)+1 +'px', height: rows*lightSize +'px'}); $('#led').css({width: displayWidth*lightSize +'px', height: rows*lightSize +'px'}); } function getMap(text) { var textMap = new Array(); var totalCols = 0; for(i=0; i < text.length; i++){ var charMap = map[text.charAt(i)]; if(charMap != undefined){ for(j = 0; j < charMap.length; j++){ textMap[totalCols] = charMap[j]; totalCols++; } // Добавляем пустой столбец textMap[totalCols] = []; totalCols++; } } return textMap; } function draw(map) { for(i=0; i<map.length; i++){ for(j=0; j<8; j++){ var exist = (map[i] == undefined) ? -1 : map[i].indexOf(j); if(exist != undefined && exist >= 0){ $('#c'+i+'-r'+j).addClass('on'); } } } } function scrollText(textCols) { var col = $('#led .light').eq(0).attr('rel'); $('#led .col-'+col).each(function(){ var myId = $(this).attr('id'); var myRow = myId.substring(myId.indexOf('r')+1, myId.length); $(this).insertAfter($('#led .row-'+myRow).eq(textCols-1)); }); setTimeout('scrollText('+ textCols +')', 150) } // Нам нужен метод Array.indexOf который не поддерживается в IE. if(!Array.indexOf){ Array.prototype.indexOf = function(obj){ for(var i=0; i<this.length; i++){ if(this[i]==obj){ return i; } } return -1; } } $(document).ready(function(){ var boardWidth = 60; var boardheight = 8; textMap = getMap($('#led').text()); createLights(textMap.length, boardheight, boardWidth); draw(textMap); scrollText(textMap.length); }) </script> | После регистрации у вас появиться еще одна ссылка для бесплатного скачивания и пропадет рекламма!|
| Категория: Скачать Скрипты для Ucoz бесплатно | | |
| Просмотров: 457 | Загрузок: 0 | |
| Всего комментариев: 0 | |
Администрация проекта не несет какую-либо ответственность за материалы.
NK-CS.RU © | Карта сайта | Карта форума | RSS лента |
Система Ucoz
PhotoShop
Фильмы
Игры
Клуб