Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Cary Young // source http://jsbin.com/newuje/14
<!DOCTYPE html>
<html lang="en">
<head>
<link href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>
<meta charset="utf-8">
<title>Cary Young</title>
<style>
* {
box-sizing: border-box;
margin:0;
padding: 0;
}
body {
font: 300 16px/1.25 "Helvetica Neue",Helvetica,Arial,sans-serif;
}
#page {
bottom: 0;
display: table;
height: 100%;
left: 20%;
position: absolute;
right: 20%;
top: 0;
width: 60%;
}
#page .page-inner {
display: table-cell;
vertical-align: middle;
}
#page p {
font-size: 35px;
margin-bottom: 21px;
}
#page p:last-child {
margin-bottom: 0;
}
#page a {
text-decoration: none;
}
#page a:link, #page a:visited {
color: rgb(60,205,217);
transition:color 0.2s linear 0s;
}
#page a:hover {
border-bottom: 3px solid #ddd;
color: #000;
}
#page a:active {
color:rgb(60,205,217);
}
</style>
</head>
<body>
<div id="page">
<div class="page-inner">
<!-- <p>你好,我是<a href="#">Cary Young</a>
</p>
<p>
这是我的个人主页,我给它取名叫做
<a class="thb" rel="website" href="#">Dreamy</a>
</p>
<p>
这还是一个半成品,但是我的风格已经很融入在网站里面了,大概就是这样黑色加白色加一个其他颜色。
</p>
<p>这里是的我的
<a rel="me" href="#">QQ</a>
要是喜欢的话可以加我哦<3
</p>
<p>
谢谢的我的女朋友
<a class="thb" href="#">陈洁</a>
没有她的支持我完不成这个
</p>
<p>
THKS
</p>
</div>
</div> -->
<p>
test
<a href="javascript:viod(0)">test</a>
test
</p>
<p id="paragraph-trigger">test</p>
</div>
</div>
<script src="jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="jquery.overlay.min.js" type="text/javascript"></script>
<script>
$('#paragraph-trigger').click(function() {
$(this).overlay({
closeOnClick: true
});
});
</script>
<script id="jsbin-source-html" type="text/html">
<!DOCTYPE html>
<html lang="en">
<head>
<link href="//code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css" rel="stylesheet" type="text/css" />
<script src="//code.jquery.com/jquery-1.11.0.min.js"><\/script>
<script src="//code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"><\/script>
<meta charset="utf-8">
<title>Cary Young</title>
<style>
* {
box-sizing: border-box;
margin:0;
padding: 0;
}
body {
font: 300 16px/1.25 "Helvetica Neue",Helvetica,Arial,sans-serif;
}
#page {
bottom: 0;
display: table;
height: 100%;
left: 20%;
position: absolute;
right: 20%;
top: 0;
width: 60%;
}
#page .page-inner {
display: table-cell;
vertical-align: middle;
}
#page p {
font-size: 35px;
margin-bottom: 21px;
}
#page p:last-child {
margin-bottom: 0;
}
#page a {
text-decoration: none;
}
#page a:link, #page a:visited {
color: rgb(60,205,217);
transition:color 0.2s linear 0s;
}
#page a:hover {
border-bottom: 3px solid #ddd;
color: #000;
}
#page a:active {
color:rgb(60,205,217);
}
</style>
</head>
<body>
<div id="page">
<div class="page-inner">
<\!-- <p>你好,我是<a href="#">Cary Young</a>
</p>
<p>
这是我的个人主页,我给它取名叫做
<a class="thb" rel="website" href="#">Dreamy</a>
</p>
<p>
这还是一个半成品,但是我的风格已经很融入在网站里面了,大概就是这样黑色加白色加一个其他颜色。
</p>
<p>这里是的我的
<a rel="me" href="#">QQ</a>
要是喜欢的话可以加我哦<3
</p>
<p>
谢谢的我的女朋友
<a class="thb" href="#">陈洁</a>
没有她的支持我完不成这个
</p>
<p>
THKS
</p>
</div>
</div> -->
<p>
test
<a href="javascript:viod(0)">test</a>
test
</p>
<p id="paragraph-trigger">test</p>
</div>
</div>
<script src="jquery-1.4.2.min.js" type="text/javascript"><\/script>
<script src="jquery.overlay.min.js" type="text/javascript"><\/script>
<script>
$('#paragraph-trigger').click(function() {
$(this).overlay({
closeOnClick: true
});
});
<\/script>
</body>
</html></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.