Javascript google jQuery UI链接无法脱机工作_Javascript_Jquery_Ajax

Javascript google jQuery UI链接无法脱机工作

javascript jquery ajax

Javascript google jQuery UI链接无法脱机工作,javascript,jquery,ajax,Javascript,Jquery,Ajax,我是jquery新手，在添加我已经搜索了这个论坛和网络，但似乎找不到答案，mybe我的代码是错误的。也许是一些术语把我吓跑了。但是如果有人帮助我，我会很高兴的代码如下： <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JAVASCRIPT TRIAL</title> <style> div { positi

我是jquery新手，在添加

我已经搜索了这个论坛和网络，但似乎找不到答案，mybe我的代码是错误的。也许是一些术语把我吓跑了。但是如果有人帮助我，我会很高兴的

代码如下：

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JAVASCRIPT TRIAL</title>
<style>
div {
    position:relative;
    top:50px;
    width:200px;
    height:200px;
    border-radius:10px;
    margin:auto;
    background-color:#F00;
    box-shadow:2px;
}
div2 {
    position:relative;
    top:50px;
    width:200px;
    height:200px;
    border-radius:50px;
    margin:auto;
    background-color:#F60;
}
</style>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/themes/smoothness/jquery-ui.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>
$(document).ready(function() {
    $('div').click(function(){
        $(this).addClass('div');
    });
    $('div').hover(function(){
    $(this).effect('bounce', {times:4}, 1000);
    });
});
</script>
</head>

<body>
<div></div>
</body>
</html>


JAVASCRIPT试用版
div{
位置：相对位置；
顶部：50px；
宽度：200px；
高度：200px；
边界半径：10px；
保证金：自动；
背景色：#F00；
盒影：2px；
}
第二组{
位置：相对位置；
顶部：50px；
宽度：200px；
高度：200px；
边界半径：50px；
保证金：自动；
背景色：#F60；
}
$（文档）.ready（函数（）{
$（'div'）。单击（函数（）{
$（this.addClass（'div'）；
});
$（'div'）。悬停（函数（）{
$（this.effect（'bounce'，{times:4}，1000）；
});
});

提前谢谢大家

离线是什么意思？如果您不打算访问Internet，那么最好从jquery下载一个版本并将其放在本地。

Google jquery UI链接永远不会脱机工作。您应该在本地系统中下载它，然后使用它