Проект: тикер JavaScript на основе XML
Есть еще много доступных свойств и методов, и, используя их, вы можете создавать множество клиентских приложений. Основным преимуществом использования XML с JavaScript является то, что редактирование данных становится очень простым. Поскольку XML структурирован, он делает управление контентом очень простым. Одним из примеров является меню дерева папок. Еще один тикер JavaScript. Вы можете найти полный код в качестве примера этого тикера JavaScript на основе XML в DynamicDrive .
Мы создадим тикер JavaScript на основе XML, который может отображать любое количество сообщений. Тикер считывает его содержимое (т. Е. Стиль тикера), отображаемый текст и ссылку на это конкретное сообщение из файла XML. Мы назовем XML-файл ticker_items.xml .
Структура XML-документа следующая:
<?xml version="1.0"?> <ticker> <tickerstyle pause = "true" / "false" "true" for pause onMouseOver timeout = positive integer The delay in seconds b/w messages border = positive integer The border width of Ticker bordercolor = #HexColor The border color of Ticker background = #HexColor The background color of Ticker width = positive integer Ticker width height = positive integer Ticker height /> <tickerlinkstyle> <mouseout font = "verdana,arial,helvetica..." Ticker link font color = #HexColor Ticker link color decoration = "none" / "underline" / "underline + overline" Ticker link style weight = "normal" / "bold" Ticker link weight size = <positive integer>pt Ticker link size /> <mouseover font = "verdana,arial,hevetica..." Ticker link font color = #HexColor Ticker link color decoration = "none" / "underline" / "underline + overline" Ticker link style weight = "normal" / "bold" Ticker link weight size = <positive integer>pt Ticker link size /> </tickerlinkstyle> <tickeritem URL = A valid URL Ticker link URL target = "_blank" / "_top" / "_self" / <any other valid target name> Ticker link target > Ticker item 1 text </tickeritem> <tickeritem ...> Ticker item 2 text </tickeritem> ... </ticker>
Сценарий тикера XML
Как видно из исходного кода, тикер гласит:
Поэтому, если вы хотите изменить какой-либо параметр тикера, все, что вам нужно сделать, это внести необходимые изменения в файл XML.
Показанный здесь тикер является основным тикером, который вращает сообщения с интервалом, указанным в файле XML. Есть много эффектов, которые вы можете добавить в тикер, например «исчезающее сообщение» или «телетайп». Вы также можете добавить функции, чтобы изменить скорость тикера, или вывести список всех сообщений в одно мгновение!