Я только начинаю с JQuery, я импортирую файл jquery src= "http://code.jquery.com/jquery-latest.min.js в свой html файл. Я хочу импортировать и другие функции, которые я создал в тот же файл.Как это возможно, чтобы импортировать несколько js файлов? Например, я хочу отделить готовность от html файла к новому js файлу:
enter <!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="site.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js">
</script>
</head>
<body>
<h1><b> TWEET PEAK </b></h1>
<a class="button_example button_about" href=" menu.html"> </a>
<img src="http://i1061.photobucket.com/albums/t480/ericqweinstein/elevator.png"/>
<script>
$(document).ready(function(){
$('img').animate({top:'+=100px'},1000);
});
</script>
</body>
</html>here
Вы хотите поместить свой код JavaScript в отдельный файл и связать его с помощью другого тега скрипта. Например, если вы поместите свой JavaScript в файл под названием "mycode.js", вы бы связались с ним следующим образом:
<script type="text/javascript" src="mycode.js"></script>
В этом примере mycode.js будет содержать:
$(document).ready(function(){
$('img').animate({top:'+=100px'},1000);
});
Изменить, чтобы быть более ясным:
Вот как я вижу ваш пример кода:
<link rel="stylesheet" type="text/css" href="site.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js">
</script>
<script type="text/javascript" src="mycode.js"></script>
<style> img { position: relative; } </style>
</head>
<body>
<h1><b> TWEET PEAK </b></h1>
<a class="button_example button_about" href=" menu.html"> </a>
<img src="http://i1061.photobucket.com/albums/t480/ericqweinstein/elevator.png"/>
</body>
</html>