Установка JsBookmarker
Скачать архив jsbookmarker.zip. Он содержит каталог jsbookmarker, разместите его в корне Вашего сайта. Параметры вызова функции bookmark_draw(sites,url,title) приведены в таблице:
| Значение аргумента sites функции bookmark_draw() | Результат |
|---|---|
| "" | Показывать все сайты, эквивалентно ":all". |
| ":all" | Показывать все сайты. |
| ":top" | Показывать наиболее популярные сайты. |
| ":rus" | Показывать только российские сайты. |
| Array('digg','google'); | Показывать только указанные сайты, список названий в jsbookmarker.js |
Если значение url и title не заданы, то используются document.location.href и document.title соответственно.
Установите на каждую страницу скрипт
<div class='bookmark'>
<script type="text/javascript" src="/jsbookmarker/jsbookmarker.js"></script>
<script type="text/javascript">
bookmark_draw(':all');
</script>
</div>
Добавьте стили
div.bookmark {}
div.bookmark a {display:block;float:left;border:1px solid #c0c0c0;padding:4px;margin:1px;}
div.bookmark img {}
div.bookmark a:hover {border:1px solid #ff0000;}
Примеры
Пример 1:
Код примера 1:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Пример</title>
</head>
<body>
<h3>Пример использования JsBookmarker</h3>
Простой пример использования <b>bookmark_draw(':rus')</b> без стилей.
<div class='bookmark'>
<script type="text/javascript" src="/jsbookmarker/jsbookmarker.js"></script>
<script type="text/javascript">
bookmark_draw(':rus');
</script>
</div>
</body>
</html>
Пример 2:
Код примера 2:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Пример</title>
<style>
div.bookmark {}
div.bookmark a {display:block;float:left;border:1px solid #c0c0c0;padding:4px;margin:1px;}
div.bookmark img {}
div.bookmark a:hover {border:1px solid #ff0000;}
</style>
</head>
<body>
<h3>Пример использования JsBookmarker</h3>
Пример использования <b>bookmark_draw('')</b> с border:1px.
<div class='bookmark'>
<script type="text/javascript" src="/jsbookmarker/jsbookmarker.js"></script>
<script type="text/javascript">
bookmark_draw('');
</script>
</div>
</body>
</html>