Jquery倒计时插件不';行不通
我需要你的帮助 我正试图为我的网站设置jquery倒计时,但我不知道为什么,它不起作用!我什么都看不见:我插入了HTMLdiv,并设置了jquery代码、css等的链接。 这是我的编辑页面 这是完整的代码Jquery倒计时插件不';行不通,jquery,Jquery,我需要你的帮助 我正试图为我的网站设置jquery倒计时,但我不知道为什么,它不起作用!我什么都看不见:我插入了HTMLdiv,并设置了jquery代码、css等的链接。 这是我的编辑页面 这是完整的代码 <!doctype html> <html> <head> <title>Your Awesome Webpage created on Fri, 27 Sep 2013 09:24:37 GMT</title>
<!doctype html>
<html>
<head>
<title>Your Awesome Webpage created on Fri, 27 Sep 2013 09:24:37 GMT</title>
<link href="http://corso-chitarrastudio.com/county.css" rel="stylesheet" type="text/css" />
<link href="http://corso-chitarrastudio.com/county.css" rel="stylesheet" type="text/css" />
<script src="http://corso-chitarrastudio.com/jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="http://corso-chitarrastudio.com/county.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#my-count-down').county({ endDateTime: new Date('2013/10/12 21:28:00'), reflection: false, animation: 'scroll', theme: 'black' });
});
</script>
<style>
body {
background: url(http://farm4.staticflickr.com/3795/9963351894_c763ec6368_o.jpg);
background-repeat:no-repeat !important;
background-position:center center !important;
background-attachment:fixed !important;
-o-background-size: 100% 100%, auto !important;
-moz-background-size: 100% 100%, auto !important;
-webkit-background-size: 100% 100%, auto !important;
background-size: 100% 100%, auto !important;
}
h1 { font-family: Oswald, Arial, Tahoma, Sans serif;
font-size:42px;
color: #c3c1c1;
width: 340px;
text-transform:none;
text-shadow: 0px 2px 3px #555;
margin: -40px auto 35px auto;
text-align: center;
letter-spacing: -2px;
line-height: 0.87;}
#testo {
width: 876px;
margin: 20px auto 10px auto;}
#contatore2 {
width: 350px !important;
margin: 20px auto auto auto;
overflow: visible;
padding-left: 20px;}
#titolo2 {
width: 532px;
margin-left: auto;
margin-right: auto;
text-align: center ;
}
</style>
</head>
<body>
<div id='testo'>
<img src='http://farm4.staticflickr.com/3696/9966911376_585f718fc0_o.png'></div>
<div id="my-count-down">
</div>
<div id='titolo2'><img id='titolo2' src='http://farm6.staticflickr.com/5516/9966872034_cc1eecbca5_o.png'></div>
</body>
</html>
您的精彩网页创建于2013年9月27日星期五09:24:37 GMT
$(文档).ready(函数(){
$(“#我的倒计时”).county({endDateTime:new Date('2013/10/12 21:28:00'),reflection:false,animation:'scroll',theme:'black'});
});
身体{
背景:url(http://farm4.staticflickr.com/3795/9963351894_c763ec6368_o.jpg);
背景重复:不重复!重要;
背景位置:中-中!重要;
背景附件:固定!重要;
-背景尺寸:100%100%,自动!重要;
-moz背景大小:100%100%,自动!重要;
-webkit背景大小:100%100%,自动!重要;
背景尺寸:100%100%,自动!重要;
}
h1{字体系列:Oswald、Arial、Tahoma、无衬线字体;
字体大小:42px;
颜色:#c3c1c1;
宽度:340px;
文本转换:无;
文本阴影:0px 2px 3px#555;
保证金:-40px自动35px自动;
文本对齐:居中;
字母间距:-2px;
线条高度:0.87;}
#德斯托{
宽度:876px;
页边距:20px自动10px自动;}
#contatore2{
宽度:350px!重要;
保证金:20px自动;
溢出:可见;
左填充:20px;}
#蒂托洛2{
宽度:532px;
左边距:自动;
右边距:自动;
文本对齐:居中;
}
出什么问题了?它工作正常,一定是您的设置中的其他地方导致了问题
作为一般提示,您的脚本文件应该尽可能靠近文档底部,通常在结束正文标记之前,包括脚本文件和内联脚本。您的浏览器是否出现任何错误?Mozilla thimble正在阻止加载像jquery这样的文件。我将您的代码复制到了JSFIDLE,它看起来正在工作。好啊下面是一个处理您自己所有代码的工具: