-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
32 lines (31 loc) · 1.1 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<!DOCTYPE html>
<html>
<head>
<title>SeaFood</title>
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<script type="text/javascript" src="./bxslider/dist/jquery.bxslider.min.js"></script>
<link rel="stylesheet" type="text/css" href="./bxslider/dist/jquery.bxslider.min.css">
</head>
<body>
<h1>假der</h1>
<ul class="bxslider">
<li><img src="./1.jpg"></li>
<li><img src="./2.jpg"></li>
<li><img src="./3.jpg"></li>
</ul>
<script type="text/javascript">
$('h1').css({ 'color': 'red'}); //$是特殊符號,意思是把選擇器h1丟進去,做什麼事情呢?把顏色變成紅色
$('#list').html('HTML List'); //#list意思是選到list這個id name, 這段code就像是innerHTML
// jQuery
$('.items').css({'color': 'blue'});
// native JS
// var items = document.getElementsByClassName('items');
// for(var i = 0; i< items.length; i++){
// items[i].style.color = 'yellow';
//
$(document).ready(function(){
$('.bxslider').bxSlider();
});
</script>
</body>
</html>