Ваш логин на сайте: Гость
Группа: Гость
ID группы: 0
Дней на сайте: вроде первый...
Ваш браузер: [38.107.179.230]


 
E-mail отправителя *:
Тема письма:
Текст сообщения *:

 
113q
Администраторская
Динамичный блок


113s
  • Новогодний раздел
  • Всякая всячина...
  • Прочие скрипты
  • Скрипты uCoz
  • Статьи
  • Игры
  • Блог
 

Построчная подсветка элементов сайта через плагин HighLiner на jQuery

Интересный плагин, который позволяет активировать построчную подсветку на вашем сайте

Для начала посмотрите ДЕМО

Установка:

После /head вставляйте:

Code
<link rel="/css/mycss.css" href="mycss.css" type="text/css" />  
   
  <script type="text/javascript" src="/js/jquery.highliner.min.js"></script>  
  <script type="text/javascript">  
  $(document).ready(function(){  
  $("#lineactivator").click(function(e){
  $.highliner (e,{selectorid:"cursorline",bgcolor:"black",showspeed:150,hidespeed:1000,opacity:0.8,spacerPlace:"right"});
  });  
  });
  </script>

Следующий код в то место, где должна быть ссылка на активацию режима построчной подсветки:

Code
<div id="lineactivator">Активировать построчную подсветку</div>

Осталось лишь загрузить скрипт из прикреплённого архива в папку js и стиль в папку css

Материал подготовлен Apocalypse

 
33
 
Всего оставлено комментариев: 12
Добавление комментария



1 2 »
Apocalypse   [04.01.11 17:06:37]
bart1k, угу smile

bart1k   [04.01.11 16:46:44]
нужная вещь)

ECCO   [19.10.10 11:40:27]
DarkPROF, рад помочь!

DarkPROF   [19.10.10 11:36:15]
0     -9-
Quote (8. Андрей (ECCO))
Если "Плавала", значит скроллировала при прокрутке страницы

Именно так

Quote (8. Андрей (ECCO))
то это делается так: ...

Всё спасибо, картинки уже сам нарисую victory


ECCO   [19.10.10 11:23:56]
0     -8-
DarkPROF, что вы подразумеваете под словами "Плавала" и "В том же стиле" ? Если "Плавала", значит скроллировала при прокрутке страницы, то это делается так:

Code
<div style="position:fixed;left:100; top:200;" id="lineactivator">Активировать построчную подсветку</div>

left:100; top:200; - отступ от левого и от верхнего края окна браузера

Вопрос о стиле остаётся открытым


DarkPROF   [19.10.10 11:18:49]
0     -7-
А можно сделать, чтобы на экране всегда плавала кнопочка активации, в таком же стиле??

ECCO   [19.10.10 11:05:05]
0     -6-
leonP4, это параметр настройки, отвечающий за движение полосы подсветки за курсором

enrek, в самой правой части линии есть три кнопки: Расширить, сузить и отключить

DarkPROF, абсолютно согласен smile


DarkPROF   [19.10.10 07:43:21]
0     -5-
Спасибо, очень полезно, если много текста.

enrek   [18.10.10 22:26:34]
0     -4-
А как выключить!?

leonP4   [18.10.10 20:32:40]
0     -3-
Как всегда на высоте!
вопрос по этой строке:
selectorid:"cursorline"
она единственная мне не понятна sad что то с курсором связанно.

Добавление комментария


 
 
Создать сайт бесплатно
tt0
Гость