fgm实例练习笔记-3.7网页计算器
2017-07-13 11:01
330 查看
自己写布局的时候,直接写了很多
<input type="button">,但其实没什么非要用按钮的必要。原版是写了
<ul><li<a></a></li></ul>,无序列表帮助排版,最终嵌套一个a标签,做好接口。
最麻烦的是右下角的等号,怎么弄都位置不合适。原版用的绝对定位,也不是很好的方法。
每个按钮有
:hover做出鼠标滑过时的效果,变色只是将径向渐变的两种颜色对调了顺序。
自己写的
<script>部分看上去很混乱,虽然实现了基本功能。标签还是应该语义化的,不能只是自己心里明白。
相关文章推荐
- fgm实例练习笔记-1.2网页换肤
- fgm实例练习笔记-3.8简易网页时钟
- fgm实例练习笔记-4.1 setTimeout应用
- fgm实例练习笔记-3.9倒计时
- fgm实例练习笔记-2.11鼠标移过改变图片路径
- fgm实例练习笔记-2.5页面加载后自加一
- fgm实例练习笔记-1.5js写css hover选择器
- fgm实例练习笔记-2.1点击展开下拉列表
- fgm实例练习笔记-2.6图片列表:鼠标移入/移出改变图片透明度
- fgm实例练习笔记-1.4用循环将三个Div变成红色
- fgm实例练习笔记-3.4比较数字大小
- fgm实例练习笔记-1.3函数接收参数并弹出
- fgm实例练习笔记-1.6记住密码提示框
- fgm实例练习笔记-2.4弹出层效果
- fgm实例练习笔记-2.5函数传参,改变Div任意属性的值
- fgm实例练习笔记-2.3求出数组中所有数字的和
- 使用JSP制作一个超简单的网页计算器的实例分享
- HTML练习(网页计算器)
- 工作流学习笔记-ifElse活动;从工作流中取出返回值;计算器实例
- 字符串反转实例 练习笔记