Skip to content

何燕明 #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
2017hym wants to merge 2 commits into
base: master
Choose a base branch
from
Open

何燕明 #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
5e131cc
何燕明
2017hym Feb 14, 2017
8f4adea
11111
2017hym Mar 17, 2017
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
17 changes: 17 additions & 0 deletions .project
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
<?xml version="1.0" encoding="UTF-8"?>
<projectDescription>
<name>apple郭星</name>
<comment></comment>
<projects>
</projects>
<buildSpec>
<buildCommand>
<name>com.aptana.ide.core.unifiedBuilder</name>
<arguments>
</arguments>
</buildCommand>
</buildSpec>
<natures>
<nature>com.aptana.projects.webnature</nature>
</natures>
</projectDescription>
83 changes: 83 additions & 0 deletions 111.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,83 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<style>
*{
margin: 0;
padding: 0;
list-style: none;
}
#aa{
width: 200px;
height: 200px;
background: red;
border-radius: 60%;
box-shadow: 0 0 100px blue;
margin: 0 auto;
position: absolute;
top: 0;
left: 0;
overflow: hidden;

}
img{
width: 200px;
height: 200px;
}
</style>
<body>
<div id="aa"><img src="1.gif" alt=""></div>
</body>

<script type="text/javascript">
var aa=document.querySelectorAll("#aa")
console.log(aa)

aa.onmousedown=function(e){
var ev = e||window.event;
// 获取事件对象（鼠标）距离事件源（aa）左上角的距离
var ox=ev.offsetX;
var oy=ev.offsetY;
// 获取屏幕的宽和高
var cw=document.documentElement.clientWidth;
var ch=document.documentElement.clientHeight;
// 获取事件源（aa）的宽和高
var width=parseInt(aa.style.width);
var height=parseInt(aa.style.height);
// 把aa转化为document来进行优化
document.onmousemove=function(e){
var eve = e||window.event;
// 获取事件对象（鼠标）距离浏览器左上角的距离
var cx=eve.clientX;
// console.log(cx)
var cy=eve.clientY;
// console.log(cy)
var left=cx-ox;
var top=cy-oy;
// console.log(left)
// console.log(top)
if (left<=0) {
left=0;
};
if (top<=0) {
top=0;
};
if (left>=cw-width) {
left=cw-width;
};
if (top>=ch-height) {
top=ch-height;
};
aa.style.left=left+"px";
aa.style.top=top+"px";
};
document.onmouseup=function(){
document.onmousemove=null;
document.onmousedown=null;
};
}
</script>
</html>
168 changes: 168 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,168 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>apple</title>
<link rel="stylesheet" href="css/main.css" />
<link rel="stylesheet" type="text/css" href="css/iconfont.css">
</head>

<body>
<header>
<nav class="list">
<a href="" class="iconfont icon-pingguo"></a>
<a href="">Mac</a>
<a href="">iPhone</a>
<a href="">iPad</a>
<a href="">Watch</a>
<a href="">Music</a>
<a href="" class="jishu">技术支持</a>
<a href="" class="iconfont icon-sou"></a>
<a href="" class="iconfont icon-gouwudai"></a>
</nav>
<nav class="list1">
<a href="" class="iconfont icon-daohang"></a>
<a href="" class="iconfont icon-pingguo"></a>
<a href="" class="iconfont icon-gouwudai"></a>
</nav>
</header>
<div class="banner">
<a href="" class="banner1">
<h1>iPhone</h1>
<h1>7,在此</h1>
</a>
<a href="" class="banner2"></a>
<a href="" class="banner3"></a>
</div>
<div class="fourbox">
<a href="" class="fourbox1"></a>
<a href="" class="fourbox2"></a>
<a href="" class="fourbox3"></a>
<a href="" class="fourbox4"></a>
</div>
<div class="word">
<div class="words">
<div class="wordstop">双镜头摄像头仅于 iPhone 7 Plus 提供。亮黑色外观仅于 128GB 及以上存储容量的机型提供。</div>
<ul class="dazhong1">
<li><h4>选购及了解</h4>
<a href="">Mac</a>
<a href="">iPad</a>
<a href="">iPhone</a>
<a href="">Watch</a>
<a href="">Music</a>
<a href="">iTunes</a>
<a href="">iPod</a>
<a href="">配件</a>
<a href="">App Store 充值卡</a>
</li>
<li><h4>Apple Store 商店</h4>
<a href="">查找零售店</a>
<a href="">Genius Bar 天才吧</a>
<a href="">讲座和学习</a>
<a href="">青少年活动</a>
<a href="">Apple Store App</a>
<a href="">翻新和优惠</a>
<a href="">分期付款</a>
<a href="">重复使用和循环利用</a>
<a href="">订单状态</a>
<a href="">选购帮助</a>
</li>
<li>
<h4>教育应用</h4>
<a href="">Apple 与教育</a>
<a href="">高校师生选购</a>
<h4>商务应用</h4>
<a href="">Apple 与商务</a>
<a href="">商务选购</a>
</li>
<li>
<h4>账户</h4>
<a href="">管理你的 Apple ID</a>
<a href="">Apple Store 帐户</a>
<a href="">iCloud.com</a>
<h4>Apple 价值观</h4>
<a href="">辅助功能</a>
<a href="">环境责任</a>
<a href="">隐私</a>
<a href="">供应商责任</a>
</li>
<li>
<h4>关于 Apple</h4>
<a href="">Apple 资讯</a>
<a href="">工作机会</a>
<a href="">媒体资讯</a>
<a href="">活动</a>
<a href="">联系 Apple</a>
</li>
</ul>
<ul class="xiaoping">
<li>
<h4>
<span class="xiaopingleft">选购及了解</span>
<span class="xiaopingright">+</span>
</h4>
</li>
<li>
<h4>
<span class="xiaopingleft">Apple Store 商店</span>
<span class="xiaopingright">+</span>
</h4>
</li>
<li>
<h4>
<span class="xiaopingleft">教育应用</span>
<span class="xiaopingright">+</span>
</h4>
</li>
<li>
<h4>
<span class="xiaopingleft">商务应用</span>
<span class="xiaopingright">+</span>
</h4>
</li>
<li>
<h4>
<span class="xiaopingleft">账户</span>
<span class="xiaopingright">+</span>
</h4>
</li>
<li>
<h4>
<span class="xiaopingleft">Apple 价值观</span>
<span class="xiaopingright">+</span>
</h4>
</li>
<li>
<h4>
<span class="xiaopingleft">关于 Apple</span>
<span class="xiaopingright">+</span>
</h4>
</li>
</ul>
</div>
</div>
<div class="bottom">
<div class="wenzi">更多选购方式：前往 <a href="" >Apple Store 零售店</a>，致电 400-666-8800 或查找在你附近的<a href="">授权经销商</a>。
</div>
<div class="box">
<div class="boxleft">Copyright © 2017 Apple Inc. 保留所有权利。</div>
<div class="boxzhong">
<a href="" >隐私政权</a>
<span>|</span>
<a href="" >使用条款</a>
<span>|</span>
<a href="" >销售政策</a>
<span>|</span>
<a href="" >法律信息</a>
<span>|</span>
<a href="" >网站地图</a>
</div>
<div class="boxright">
<img src="img/dsaf.png" >
<a href="">中国</a>
</div>
</div>
<div class="boxunder">京公安网安备 11010502008968 <a href="" >京ICP备10214630</a></div>
</div>
</body>
</html>