我是 jQuery 的新手,并尝试使用它来进行一些练习。我使用 slidesjs.com 提供的源代码在我的本地网站上插入了一个 jQuery 图像滑块,但它不起作用。
另外,我喜欢让它更有条理,所以如果我要将所有 jQuery 分离到一个新文件中,如何将我的 jQuery 页面与 html 链接?
以下是我尝试的:
<html>
<header>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="jquery.slides.min.js"></script>
<link rel="stylesheet" type="text/css" href="style2.css"></header>
<style>
/* Prevents slides from flashing */
#slides {
display:none;
}
</style>
<script>
$(function(){
$("#slides").slidesjs({
width: 940,
height: 528
});
});
</script>
<body>
<div class="nav-bar">
<h1 class="logo" style="vertical-align:middle">LogoHere</h1>
<ul class="nav-menu">
<li><a href="index.html" class="action">Action</a></li>
<li><a href="about.html" class="about">Who we are</a></li>
<li><a href="blog.html" class="blog">Blog</a></li>
<li><a href="services.html" class="services">Services</a></li>
<li><a href="contact.html" class="contact">Get in touch</a></li>
</ul>
<div id="slides">
<img src="hkslide1.jpg">
<img src="hkslide2.jpeg">
<img src="hkslide3.jpg">
</div>
</div>