摘要: 利用js写的图片点击轮播: 关键点: 有向左向右的按钮;需要点击事件;DOM 重在理解 </head> <style> .picture-top{ width: 1000px; height: 300px; background-color: peachpuff; position: relativ 阅读全文
posted @ 2017-04-05 20:14 陈观爱 阅读(158) 评论(0) 推荐(0) 编辑
摘要: 显示多张的图片轮播: 关键点:算好div,table,图片的宽度 <style> *{ margin: 0px; padding: 0px; } .nav{ width: 800px; height: 200px; position: relative; background-color: yell 阅读全文
posted @ 2017-04-05 20:08 陈观爱 阅读(195) 评论(0) 推荐(0) 编辑
摘要: 一张一换,其他的都隐藏着: 第一种:利用td表格: </head><style>*{ margin:0px; padding:0px;}#datu{ width:200px; height:100px; border: 1px solid #000; overflow:hidden; positio 阅读全文
posted @ 2017-04-05 20:04 陈观爱 阅读(202) 评论(0) 推荐(0) 编辑
摘要: 注意事项: 1、遮罩层大小、登陆框大小都是随窗体变化而变化的。 2、onclick事件的定义。 3、js创建div,移除属性,以及将内容写入。 4、登录框中的用户名和密码均是用input写的,样式不够美观,升级版待更新。。。。 <!DOCTYPE html><html> <head> <meta c 阅读全文
posted @ 2017-04-05 16:39 陈观爱 阅读(499) 评论(0) 推荐(0) 编辑
摘要: 原问题为红色,回答为黑色 第一次布局一个静态网页,发现许多细节都需要自己探索,出现诸如以下问题: 1、布局问题:经常出现一个div被挤出来?做到一半少一个div布局? 布局之前,要点打好框架,明确每个地方的高宽是多少,争取精确到每一像素(是否含有边框像素);但是,在纸上花的草图再好再精确,也需要实际 阅读全文
posted @ 2017-04-05 10:40 陈观爱 阅读(377) 评论(2) 推荐(0) 编辑
摘要: 来源:百度 对错有待实践检验 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document.body.offsetWidth (包括边线的宽) 网页可见区域高: document.bo 阅读全文
posted @ 2017-03-29 11:56 陈观爱 阅读(186) 评论(2) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> *{ margin: 0px; padding: 0px; } .mask{ width: 100%; /* height: 800px;*/ z 阅读全文
posted @ 2017-03-29 11:49 陈观爱 阅读(267) 评论(0) 推荐(0) 编辑
摘要: 一、定义 骆驼式命名法(Camel-Case)又称驼峰命名法,是电脑程式编写时的一套命名规则(惯例)。正如它的名称CamelCase所表示的那样,是指混合使用大小写字母来构成变量和函数的名字。程序员们为了自己的代码能更容易的在同行之间交流,所以多采取统一的可读性比较好的命名方式。 骆驼式命名法就是当 阅读全文
posted @ 2017-03-28 12:41 陈观爱 阅读(246) 评论(0) 推荐(0) 编辑
摘要: 动态网站第一步:动态下拉菜单 关键点: overflow:hidden max-height xx:hover {} 设置当鼠标移上之后的效果 transition: 设置过度时间 cursor: 设置鼠标效果 opacity: 设置透明度 0-1 如下图所示 <!DOCTYPE html><htm 阅读全文
posted @ 2017-03-27 14:56 陈观爱 阅读(629) 评论(0) 推荐(0) 编辑
摘要: 1、冒泡排序法: 五星级重点 <script> var arr=Array(); for(var i=0;i<=5;i++){ var j=prompt("请输入第"+i+"个数"); j=parseInt(j); arr.push(j); } for(var x=0;x<arr.length;x+ 阅读全文
posted @ 2017-03-26 20:32 陈观爱 阅读(325) 评论(2) 推荐(0) 编辑