这是我的script.js文件中的jQuery代码:
$(document).ready(function() {
$('#NEW').delay(250).fadeIn(1000);
$('#MEDIA').delay(850).fadeIn(1000);
$('#NEWB').delay(1600).fadeIn(1000);
});
我在哪里以及如何将这些代码放在我的HTML中?我知道我需要在head部分有脚本标签。但具体是什么?至于正确的<script ref="...
">
标签以及我在哪里准确地放置这些代码。
答案 0 :(得分:2)
登录后需要转到“自定义主题”,然后“编辑html”应位于顶部,然后在<head>
和</head>
标记之间粘贴相关代码
例如:
<head>
<title>{Title}</title>
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<link rel="shortcut icon" href="{Favicon}" />
<link rel="apple-touch-icon" href="{PortraitURL-128}"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="script.js"></script>
</head>
上面的例子要求你将script.js上传到tumblr的服务器并获取他们给你的绝对URL,下面是一个内联示例,如果你不熟悉它们,这可能对你更好:
<head>
<title>{Title}</title>
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<link rel="shortcut icon" href="{Favicon}" />
<link rel="apple-touch-icon" href="{PortraitURL-128}"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#NEW').delay(250).fadeIn(1000);
$('#MEDIA').delay(850).fadeIn(1000);
$('#NEWB').delay(1600).fadeIn(1000);
});
</script>
</head>