📄 index.html
字号:
<!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>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -