Воскресенье, 22.12.2024, 23:43
Меню сайта
Категории раздела
JQuery плагины [59]
JQuery уроки [69]
PHP полезное [24]
PHP уроки [21]
Css [26]
JS [3]
SQL [9]
Css 3 [17]
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Главная » Статьи » JQuery плагины

Сообщение рядом с курсором jQuery

Сообщение рядом с курсором jQuery

Июль 19, 2012 | Автор admin рубрика: jQuery примеры и сниппеты

C помощью этого плагина вы можете создать собственное сообщение, которое будет перемещаться рядом с курсором.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<script type="text/javascript">
 (function($) {
 
 $.fn.cursorMessage = function(options) {
 
 //Gives the users the abilty to overwrite a value for one of the options
 options = $.extend({
 text : 'Loading',
 textcolor : '#333333',
 background : '#f9f9f9',
 top : '',
 left : '',
 remove : false
 }, options);
 
 return this.each(function() {
 //Create the message and add some CSS to it
 $('<div id="cursormessage"></div>').css({
 color : options.textcolor,
 backgroundColor : options.background
 }).text(options.text).appendTo('body');
 
 var message = $('#cursormessage');
 
 //make the message stick to the cursor 
 $(window).mousemove(function(e) {
 message.css({
 display : 'block',
 top : e.pageY-5,
 left : e.pageX 15
 });
 });
 
 });
 
 };
 
 }(jQuery));
 </script>
 
 //Call the plugin like so
 
 <script type="text/javascript">
 $(window).click(function() {
 $('body').cursorMessage({
 text : 'Loading this...'
 });
 
 //execute your own jquery function
 
 //and delete the message afterwards
 $('#cursormessage').remove();
 });
 </script>
Категория: JQuery плагины | Добавил: ChronoW (25.11.2012)
Просмотров: 616 | Теги: Сообщение рядом с курсором jQuery | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Код *: