index.html

来自「JQuery实现的相册效果」· HTML 代码 · 共 32 行

HTML
32 行
字号 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>鐩稿唽鏁堟灉</title>
		<link rel="stylesheet" type="text/css" href="imageflyout.css" />
		<script type="text/javascript" src='jquery-1.2.6.js'></script>
		<script type="text/javascript" src='imagefly.js'></script>
		<script type="text/javascript">
			$(document).ready(function(){
				var imgfly = new $.ImageFly({
					bigImgUrl:'images/pic1.jpg',
					smallImgState:{
						width: 100,
						height: 100,
						top: 100,
						left: 100
					}
				});
				
				$('#img').click(function(){
					imgfly.flyOut();
				});
			});
		</script>
	</head>
	<body>
		<input id='btn' type="button" value="click">
		<img src="images/pic1.jpg" width="200" height="200" id="img">
	</body>
</html>

index.html - 源码说明

本页面展示了「JQuery实现的相册效果」中的 index.html 源码文件，采用 HTML 编程语言编写，共 32 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫下载站收录了大量与JQuery相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?