摘要: 点击下方图片轮播: 关键点:onmouseover ,onmouseout两个事件;DOM; <style>#datu{ width:400px; height:300px; position:relative; margin:20px auto; overflow:hidden; }#ta{ po 阅读全文
posted @ 2017-04-05 20:19 陈观爱 阅读(179) 评论(0) 推荐(0) 编辑
摘要: 利用js写的图片点击轮播: 关键点: 有向左向右的按钮;需要点击事件;DOM 重在理解 </head> <style> .picture-top{ width: 1000px; height: 300px; background-color: peachpuff; position: relativ 阅读全文
posted @ 2017-04-05 20:14 陈观爱 阅读(159) 评论(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 陈观爱 阅读(197) 评论(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 陈观爱 阅读(203) 评论(0) 推荐(0) 编辑
摘要: 注意事项: 1、遮罩层大小、登陆框大小都是随窗体变化而变化的。 2、onclick事件的定义。 3、js创建div,移除属性,以及将内容写入。 4、登录框中的用户名和密码均是用input写的,样式不够美观,升级版待更新。。。。 <!DOCTYPE html><html> <head> <meta c 阅读全文
posted @ 2017-04-05 16:39 陈观爱 阅读(506) 评论(0) 推荐(0) 编辑
摘要: 原问题为红色,回答为黑色 第一次布局一个静态网页,发现许多细节都需要自己探索,出现诸如以下问题: 1、布局问题:经常出现一个div被挤出来?做到一半少一个div布局? 布局之前,要点打好框架,明确每个地方的高宽是多少,争取精确到每一像素(是否含有边框像素);但是,在纸上花的草图再好再精确,也需要实际 阅读全文
posted @ 2017-04-05 10:40 陈观爱 阅读(378) 评论(2) 推荐(0) 编辑