JavaScript小练习1-控制div属性

【JavaScript小练习1-控制div属性】的更多相关文章

JavaScript小练习1-控制div属性

题目要实现的效果如图所示:查看演示 *** 分析乍一看还以为十分简单,就是简单的点击button时触发的函数来改变样式值,不过做到后面就开始打脸了--"重置"功能.其实要实现重置功能,硬做还是可以的,就是cssText="整个style表",但是这么做太暴力了,十分不优雅,结果看了人家的源码真的是佩服的五体投地. 首先注意CSS的三种创建方式内联样式/行内样式(inline style) 内部样式表(internal style sheet) 外部样式表(ex…

原生Javascript实现控制DIV属性

写在前面: 从事前端工作已有一年之久,因为工作的性质,不太涉及JS方面,所以自己的JS水平一直处于小白阶段,工作闲暇之余,在网上找了一些小项目,希望练练手,促进自己成长.这是第一篇,后续还会有很多记录自己慢慢走过来的路程,文章纯属记录自己的所思所想,谨个人想法,存在不足,欢迎指正. 项目介绍: 从最简单的开始,在网上找到了一个简单的用JS控制DIV属性的小项目,咋一看很简单,自己动手之后才发现自己的代码之冗余和初阶,深深汗颜 - -.先写自己想法路程,然后把大牛源码奉上,涉及相关知识点一一记录.…

01 使用JavaScript原生控制div属性

写在前面: 因对前端开发感兴趣,于是自学前端技术,现在已经会HTML.CSS.JavaScript基础技术.但水平处于小白阶段,在网上找一些小项目练练手,促进自己的技术成长.文章记录自己的所思所想,以及借鉴前端大牛的思路,谨个人想法,存在不足,欢迎指正. 项目介绍: 从最简单的开始,在网上找到了一个简单的用JS控制DIV属性的小项目,咋一看很简单,自己动手之后才发现自己的代码之冗余和初阶,深深汗颜.先写自己想法路程,然后把大牛源码奉上,涉及相关知识点一一记录. 项目效果图整体思路,先变量保存属…

控制DIV属性——实现盒子长、宽、背景等变化

写在最前面:Demo的源起来自于http://js.fgm.cc/learn/,但是实现部分都是经过自己思考和优化的,有时会借助别人的图片,然而“窃喜”.如无特殊说明,demo都是经过ie6.ie7等低版本浏览器测试通过的.表要笑话我有“自虐”倾向,各种是有情节和情结的.力图做的专业再专业一点点.^_^ 功能实现:单击响应的功能按钮实现DIV属性的切换 Demo地址:http://yuyingguo.sinaapp.com/jsStudy/控制div属性.html 有图有真相: 自己的代码实现:…