Como faço para incluir JQuery de um CDN?
sou novo na JQuery e pergunto-me Como faço referência ao CDN do google para permitir que o meu ficheiro JQuery funcione. O meu script não está a funcionar porque não fará referência ao CDN jQuery. Tudo o que eu estou tentando fazer abaixo é ter minha imagem ser redimensionada quando eu pairo meu mouse sobre ela. Não deve ser muito difícil, mas não sei como referir o CDN JQuery. Qualquer ajuda é muito apreciada. Obrigado!
<!DOCTYPE html>
<html>
<head>
<title>Image Resize</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
var ht = $("img").height(),
wd = $("img").width(),
mult = 1.5;
$("img").on('mouseenter', function () {
$(this).animate({
height: ht * mult,
width: wd * mult
}, 500);
});
$("img").on('mouseleave', function () {
$(this).animate({
height: ht,
width: wd
}, 500);
})
</script>
</head>
<body>
<img src="https://cdn1.iconfinder.com/data/icons/yooicons_set01_socialbookmarks/512/social_google_box.png" width="200" height="200" border="5" alt="" style="border-color:red" />
</body>
</html>
0
1 answers
Basta colocar o seu código Jquery num bloco como este.
<script>
$( document ).ready(function() {
// Jquery Code here
});
</script>
Você precisa fazer isso porque quando você usa um código como $("img").height()
, Você não quer que o código Jquery seja executado antes que o navegador tenha rendido a marca <img>
.
0
Author: Hari Reddy, 2015-04-24 16:29:32