Как правильно вставить jQuery код в код страницы сайта?

@armina · Регистрация: 04.12.2010

Студворк — интернет-сервис помощи студентам

привет всем

у меня возникла проблема, когда я свой jQuery код вставляю в код html главной страницы , у меня моя анимация оказывается в левом верхнем углу, хотя в css стилях прописано что расположение анимации 300px и 400 px например. не знаю что делать. подскажите пожалуйста что мне сделать.

@superpuper · 04.12.2010, 21:36

Значит как-то не так вставляете. Что делать? Добавить к сообщению код html (с вставленным кодом jQuery) и css файлов. Если большие, то запаковать в архив и прикрепить к сообщению. Можно ещё версию jQuery указать.

@outoftime · 05.12.2010, 11:50

armina, а код можно, проблема может быть в многом

@armina · 07.12.2010, 18:55 **[ТС]**

HTML5
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
55
56
57
58
59
60
61
62
63
64
65
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
 
  <meta content="text/html; charset=Windows-1251" http-equiv="content-type">
  <title>20vek</title>
 
   <link rel="stylesheet" type="text/css" href="slideshowForOld.css">
  <link rel="stylesheet" type="text/css" href="pricheski.css">
        <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="imgshow.jquery.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
        $('#default').imgShow();
        $('#speed').imgShow({showPanel:'none',timeShow: 1000,speedShow: 300,speedHide: 300});
        $('#no3').imgShow({showPanel:'always',speedShow: 300,speedHide: 300});
        $('#slowtext').imgShow({speedShowDesc: 1000, speedHideDesc:1000});
    })
    </script>
</head>
 
 
<body>
 
<div id="ramka">
<div id="fontema">
<div id="text">
<h1>Развитие парикмахерского искусства в 20-ом веке</h1>
<p><span>В начале 20 века в моду вошли короткие женские стрижки,
которые первое время не отличались разнообразием.</span></p>
 
<p>Мужчины носили короткие стрижки с прямым пробором.</p>
 
 
 
 
 
 
</div>
 
<div id="ss">
<a href="parikmaxerissk.html">назад|</a>
<a href="fs.html">на главную страницу|</a>
<a href="20vek2.html">вперед</a>
</div>
 
<div id="foto1">
<img style="left: 717px; width: 284px; top: 454px; height: 454px;" src="foto1.jpg" alt="а1"></div>
    <div id="slowtext">
        <img src="20vek/0.jpg"/>
        <img src="20vek/1.jpg" />
        <img src="20vek/2.jpg" />
        <img src="20vek/3.jpg" />
        <img src="20vek/4.jpg"/>
        <img src="20vek/5.jpg"/>
    </div>
 
 
 
</div>
 
</div>
 
</body>
</html>

slideshowForOld.css:

CSS
1
2
3
4
5
6
7
8
9
10
11
12
<style type="text/css">
    #default, #speed, #no3, #slowtext {
        background-color:#000;
        margin-left:800px;
        margin-top: 600px;
    }
    img {
        width:200px;
        height:300px;
        border:0;
    }
    </style>

pricheski.css:

CSS
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
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
  BODY { background-color: RGB(92, 88, 157);
    }
 
  #ramka { background-image: url(fon.jpg);
    position: absolute;
    left: 8%;
    top: 0pt;
    bottom: 0pt;
    width: 990px;
    height: 1558px;
    }
 
  #fontema { background-image: url(fonpricheski1.jpg);
    position: absolute;
    top: 70px;
    width: 850px;
    height: 1418px;
    left: 70px;
    right: 70px;
    bottom: 70px;
    }
 
  #text { padding: 10px;
    position: absolute;
    top: 334px;
    left: 30px;
    right: 410px;
    bottom: 100px;
    font-family: Arial;
    font-weight: normal;
    color: rgb(71,44,121);
    }
 
 
 
 
#foto1{float: left;
    position: absolute;
    right: 80px;
    top: 354px;
    height: 454px;
    width: 284px;
    background-color: white;
    text-align: center;
    padding-top: 20px;
}
#foto2{float: left;
    position: absolute;
    right: 80px;
    top: 864px;
    height: 454px;
    width: 284px;
    background-color: white;
    text-align: center;
    padding-top: 20px;
 
}
 
 
 
 
  #ss { position: absolute;
    left: 40px;
    bottom: 70px;
    color: rgb(92, 88, 157);
    font-style: italic;
    font-family: Arial;
    font-weight: 100;
    font-size: 100%;
    volume: silent;
    }
 
 
  a:hover { font-size: 100%;
    color:#d50d79;
    }
 
  h1 { font-size: 140%;
    font-style: italic;
    font-weight: bold;
    font-family: Pristina;
    text-align: center;
    }
 
    span
{/*color:#8e2476; */
color: white;
font-style:italic;
}

Добавлено через 28 секунд
ну вот как то так

@outoftime · 08.12.2010, 14:10

покажите плагин jquery.imgShow.js скорее всего у него такое название.

@armina · 08.12.2010, 15:30 **[ТС]**

JavaScript
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
55
56
57
58
(function($){
    $.fn.imgShow = function(o){
        var o = $.extend({
            showPanel:'animate',
            timeShow: 3000,
            speedShow: 1000,
            speedHide: 1000,
            speedShowDesc: 500,
            speedHideDesc: 100
        }, o);
        return $(this).each(function(){
                var folder = $(this);
                var images = folder.find('img');
                var imgCount = images.length;
                    images.hide().each(function(i){
                    $(this).attr('id','i_' + i);
            });
            var first = images.filter('#i_0');
            folder.width(first.width()).height(first.height());
            if (o.showPanel != 'none') {
                folder.append('<div class="desc"><div class="text">&nbsp;</div></div>');
                var desc = folder.children('.desc');
                var offset = folder.offset();
                desc.css('top', offset.top + 'px').css('left', offset.left + 'px').width(folder.width());
                if (o.showPanel == 'animate') desc.hide();
                var descText = desc.children('div');
            }
            var id;
            function ImgList() {
                id = id || 0;
                var currImg = images.filter('#i_' + id);
                currImg.fadeIn(o.speedShow,function(){
                    if (o.showPanel != 'none') {
                        var title = '';
                        title = $(this).attr('alt');
                        descText.html(title);
                        if (title && o.showPanel == 'animate') desc.slideDown(o.speedShowDesc);
                    }
                    setTimeout(function(){
                        if (o.showPanel == 'animate') {
                            desc.slideUp(o.speedHideDesc);
                        }
                        if (o.showPanel == 'always')  {
                            descText.html('');
                        }
                        currImg.fadeOut(o.speedHide,function(){
                            id ++;
                            if (id == imgCount) id = 0;
                            ImgList();
                        });
 
                    }, o.timeShow);
                });
            }
            ImgList();
        });
    }
})(jQuery)

@armina · 11.12.2010, 22:51 **[ТС]**

всем спасибо я разобралась))

Новые блоги и статьи Все статьи Все блоги /
Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI
Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ	Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .

@armina 0 / 0 / 0 Регистрация: 04.12.2010 Сообщений: 4

	Как правильно вставить jQuery код в код страницы сайта? 04.12.2010, 20:37. Показов 21306. Ответов 6 Метки нет (Все метки) привет всем у меня возникла проблема, когда я свой jQuery код вставляю в код html главной страницы , у меня моя анимация оказывается в левом верхнем углу, хотя в css стилях прописано что расположение анимации 300px и 400 px например. не знаю что делать. подскажите пожалуйста что мне сделать. 0

@superpuper 103 / 103 / 48 Регистрация: 09.09.2010 Сообщений: 241
	04.12.2010, 21:36
	Значит как-то не так вставляете. Что делать? Добавить к сообщению код html (с вставленным кодом jQuery) и css файлов. Если большие, то запаковать в архив и прикрепить к сообщению. Можно ещё версию jQuery указать. 0

@outoftime ║XLR8║ 1212 / 909 / 270 Регистрация: 25.07.2009 Сообщений: 4,360 Записей в блоге: 5
	05.12.2010, 11:50
	armina, а код можно, проблема может быть в многом 0

@outoftime ║XLR8║ 1212 / 909 / 270 Регистрация: 25.07.2009 Сообщений: 4,360 Записей в блоге: 5
	08.12.2010, 14:10
	покажите плагин jquery.imgShow.js скорее всего у него такое название. 0

@armina 0 / 0 / 0 Регистрация: 04.12.2010 Сообщений: 4
	11.12.2010, 22:51 [ТС]
	всем спасибо я разобралась)) 0