林俊杰

HTML+JS 写一个 个人博客

半世苍凉 提交于 2019-11-28 12:55:19
HTML+JS 写一个 个人博客(初学版) HTML+JS 写一个 个人博客(初学版) 自己琢磨了两三天,算是把HTML入门了吧,然后就想着用这点知识写一个个人主页,然后一下午的时间写完了。 先不看代码,说说思路: 第一步:就是构思,一个网页的展示怎么才好看?!!站在一个老男人的角度,那远远是不能的,,, 1、标题 2、菜单栏(加个超链接) 3、展示页面(图片轮播) 第二步:小标题展示页面。 第三步:代码实现。(说了一堆废话) 代码 Jscript实现图片轮播。(很简单,一看就懂) <script> function init(){ //书写轮播图片的定时功能 setInterval("changeImg()",3000); } //书写函数 var i=0; function changeImg(){ i++; //获取图片位置并设置src属性值 document.getElementById("img1").src=i+".jpg"; if(i==5){ i=0; } } </script> 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 接下来写其他的构图,由于只用了HTML,所以用table来控制大小,让格式统一起来。(so,很简单了吧) 标题栏 <table width="1200px" align="center" cellpadding=