前端开发者| web前端开发技术教材 |
| web前端技术开发视频 |
| web前端开发技术教学大纲 |
html 代码
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″ />
<meta
name=”viewport”
content=”width=640,target-densitydpi=device-dpi,user-scalable=no”
/>
<title>Document</title>
<style>
* {
padding: 0;
margin: 0;
}
.longWrap {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.longPic {
width: 1878px;
height: 1200px;
position: absolute;
left: 0;
top: 0;
}
body,
html {
overflow: hidden;
height: 100%;
width: 100%;
}
#wrapper {
width: 640px;
height: 100%;
margin: 0 auto;
position: relative;
}
</style>
</head>
<body>
<div id=”wrapper”>
<div class=”page”>
<div class=”longWrap”>
<img
src=”http://test.go.163.com/auto/2017/1122/BEIJING-HYUNDAI/img/bb8.jpg”
class=”longPic”
/>
</div>
</div>
</div>
<script>
$(‘.longWrap’).pos({
// 起始位置
lastPageX: -500,
// 开启循环
loop: false,
})
</script>
</body>
</html>
| 前端技术开发 英语怎么说 |
| web前端开发技术分享 |
| web前端开发需求技术 |
970106_lzh 2年前 (2021-01-08)说：
huihui 3年前 (2020-10-20)说：
Satisfy 3年前 (2020-06-05)说：
评论前必须登录！
注册