jQuery - inner_pade
2020. 7. 28. 19:55ㆍjQuery
|
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
33
34
35
36
37
38
39
40
41
|
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
*{margin: 0px; padding: 0px;}
ul{list-style: none;}
img{width: 500px; height: 350px;}
</style>
<script src="../js/jquery-3.5.1.js"></script>
<script src="../js/jquery.innerfade.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#inner_fade').innerfade({
animationtype: 'fade',
speed:750,
timeout:2000,
type:'random',
containerheight:'350px'
});
});
</script>
</head>
<body>
<h1>js_jQuery1/test11.jsp</h1>
<ul id="inner_fade">
<li><img src="1.jpg"></li>
<li><img src="2.jpg"></li>
<li><img src="3.jpg"></li>
<li><img src="4.jpg"></li>
<li><img src="5.jpg"></li>
</ul>
</body>
</html>
|
cs |
외부에서 만들어 놓은 jQuery기능을 jQuery 쓰듯이 폴더에 넣고 링크를 불러오는 것만으로 사용이 가능했다.
생각보다 많은 걸 할수있는 친구 같다. 우습게 보지 말고 잘 활용해 보자!
'jQuery' 카테고리의 다른 글
| jQuery - XML (0) | 2020.07.29 |
|---|---|
| jQuery - 결과가져오기 (0) | 2020.07.29 |
| jQuery - Login 할 때 duplication ID check (0) | 2020.07.29 |
| jQuery - click,append,submit (0) | 2020.07.28 |
| jQuery - 설치 및 기초 표현방식 (0) | 2020.07.27 |