Форум программистов, компьютерный форум, киберфорум
elnorbert
Войти
Регистрация
Восстановить пароль
Рейтинг: 3.00. Голосов: 1.

Перемещение текста тега <TITLE> веб страницы

Запись от elnorbert размещена 23.03.2013 в 16:31
Обновил(-а) elnorbert 06.05.2019 в 11:54 (активировал запись размещенную 6 лет назад)

Когда нужно отобразить большую строку текста в теге <TITLE> которая содержит важную вводную информацию, но не помещается вся в заглавии окна/вкладки может помочь скрипт который создаст ее плавную анимацию с права на лево (пример) как в бегущих новостных лентах новостных телепередач

Исходный текст Java Script модуля
Кликните здесь для просмотра всего текста
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
var Stream = {
                
        onload : function () {
                window.onload = this.Go();
            },
                        
        Go : function () {
                this.param.text += this.param.separator ;
                setInterval( function() {
                                
                               var obj = Stream.param ;
                              obj.text = obj.text.substr(1) + obj.text.charAt(0) ;
                        document.title = obj.text ;
                    }, this.param.speed);
            },
                        
        param : {
                     text : document.title,
                separator : ' ::: ',
                    speed : 120
            }
    };
Stream.onload();


Пример подключения к странице
Кликните здесь для просмотра всего текста
HTML5
1
2
3
4
5
6
7
8
<html>
    <head>
        <title>Бегущая строка</title>
        <script type="text/javascript" src="stream.min.js"></script>
    </head>
    <body>
    </body>
</html>
Указывать какой именно текст будет двигатся в строке заглавия окна нет необходимости, достаточно подключить к странице файл stream.min.js и анимация текущего текста тега <TITLE> начнется автоматически


модуль работает в браузерах FF, MSIE, Chrome, Opera
Размещено в Без категории
Просмотров 118 Комментарии 0
Всего комментариев 0
Комментарии
 
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.