How to imitate and write a similar to the QQ Pop News page?

I read HTML, CSS, JS recently, so want to practice your learning outcomes, to mimic a QQ Pop News that page, but do not know where to begin? How to layout? Hope to have experience of Daniel can help me, thank you!

Started by Porter at November 10, 2016 - 2:14 PM

Do not imitate it?

Posted by Devin at November 12, 2016 - 2:37 PM

Don't know the answer

Posted by Wythe at November 21, 2016 - 3:37 PM

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
div{
position:fixed;
bottom:0px;
right:0px;
width:200px;
overflow:hidden;
}
</style>
<script type="text/javascript">
function init(){
var div=document.getElementById("test");
var i=0;
change(div,++i);
}
function change(div,i){
div.style.height=i+"px";
var p=window.setTimeout(function(){change(div,++i)},10);
if(i==250){
window.clearTimeout(p);
}
}
window.onload=init;
</script>
</head>

<body>
<div id="test">
<h1>This is a test</h1>
<p>I read HTML, CSS, JS recently, so want to practice your learning outcomes, to mimic a QQ Pop News that page, but do not know where to begin? How to layout? Hope to have experience of Daniel can help me, thank you!</p>
</div>
</body>
</html>
Like this?

Posted by Angela at November 29, 2016 - 4:04 PM