![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
自学第一课
文章平均质量分 56
cookielv
莫念他乡万两金
展开
-
JS之鼠标移入移出事件2
写了两种JS的方法,其实都是一样的。只不过一个是放在body之前,利用事件加载方法;一个是放在代码的最后面;1. #div1 { width: 200px; height: 200px; background: red; display: none; } window.onload=functio原创 2016-10-29 22:18:31 · 3234 阅读 · 0 评论 -
运算符,反选操作
运算符在小效果的时候还是会用到,而且会省去很多麻烦。!取反!ture表示False;!!true表示ture;下面用JS来实现一个小效果,点击按钮实现取反操作。其实只需要几个input标签,再加简单的几句JS就能够实现。 var oTp=原创 2017-01-11 22:24:27 · 289 阅读 · 0 评论 -
JS之函数传参小demo
感觉自学真的是一个困难的过程,没有毅力学得零零散散,学到后面就会很痛苦。很久没有写代码的感觉就会很生疏,深深的愧疚感。时常怀疑自己到底是不是适合从事程序这个行业,没有人带,自己没有兴趣的话容易半途而废。最近学到函数这一块感觉能听懂视频上说的,但是自己敲还真是个问题。跟着妙味课堂完成了这个效果:界面代码如下: 0原创 2016-12-28 23:02:31 · 530 阅读 · 2 评论 -
JS之模拟QQ列表展示
最近学了点CS布局和JS,总是迫不及待的想写点小实例。跟着妙味课堂学了一下模拟 QQ列表的简单功能展示,自己也敲了一遍代码。页面布局如下: 家人 爸爸 老妈 弟弟 哥 表姐 闺蜜 大黄 桃子 阿丹 小敏 老王原创 2016-12-15 22:53:18 · 1532 阅读 · 0 评论 -
自学JS小实战之按钮设置字体大小事件
我们经常会在一些新闻网站上面查看文章的时候,都会发现文章的顶部一般都有设计按钮来设置字体大小,这样可以改善用户体验。 虽然这只是一个小效果,但是一个完整的网站都是由这些小效果组成的。要实现的效果图:只需要在页面放两个按钮和一个P标签:一个按钮用来增大字号,另一个按钮减小字号。P标签主要用来放被设置的字体;原创 2016-11-26 22:25:18 · 4993 阅读 · 0 评论 -
JS基础之读写小事件2
本次要学习运用innerHTML,了解它的作用。我喜欢学一个敲一个感觉既不枯燥,又加强记忆力,满足小成就感。这就是一个小菜鸟的日常。我希望我能一直坚持下去,喜欢自己学了新知识以后回过头来优化之前的代码。先上效果图:先用HTML设计界面: 该界面还是一如既往的简单: // 用一个DIV来显示我们要输入的文字原创 2016-11-26 20:25:52 · 226 阅读 · 0 评论 -
热身运动之JS设置鼠标点击事件
最近因为搬家,代码搁浅了将近半个月。感觉前面学的东西又忘得差不多了,所以说学东西要快速入门才行。 前几期看的妙味课堂的视频遗留的一个问题,个人感觉对HTML的定位和浮动理解的不透彻。自己写的页面对一些元素的定位常常达不到想要的效果,设计的页面代码还比较复杂。用外链式引入JS的时候,有一些效果无法实现,但是直接写在HTML的页面时又能够运行。比如我想实现下面这个效果:原创 2016-11-23 22:16:01 · 268 阅读 · 0 评论 -
自学JS基础之读写小DEMO
如何用JS实现读取写入呢?比如我们要实现下面这个效果:很简单的小例子:由一个文本输入框,下拉选择框,按钮组成。先写HTML界面: 北京 深圳 杭州 成都 上海 我的JS代码段: var oTxt=document.getElementById("txt1原创 2016-11-26 19:10:37 · 396 阅读 · 0 评论 -
自学JS之切换图片进阶篇章
今天要展示的是平时在网页上面看到的如何切换图片: 图片切换小示例 #box{ width:1000px; height:1000px; margin:50px auto 0; position:relative; } a { width:80px; height:840px; backgroun原创 2016-11-30 23:56:18 · 320 阅读 · 3 评论 -
用for循环自动生成新闻
for循环:for(条件1;条件2;条件3);新学了for循环感觉其实和C语言中的语法差不多,因为之前的基础,对这个循环还是比较容易理解。自己跟着视频敲了一个小demo,实现的效果也很简单。只是是需要日积月累的,即使在别人看来很简单很菜的代码,自己能够敲出来还是有小小的成就感。我在新浪新闻上面copy了一些新闻小标题,用一个数组来存放它们,然后用数组下标来进行索引。用一个无序列表来原创 2016-12-10 13:50:27 · 980 阅读 · 0 评论 -
JS自学之if判断小示例
本次我要展示的是用if else 判断来切换图片,由于图片的路径不能作为判断,所以要用布尔值来设置开关。实现的效果图:代码很简单: var oImg=document.getElementById("img1"); var onOff=true; oImg.onclick=function(){ if(原创 2016-11-29 22:15:37 · 394 阅读 · 1 评论 -
JS基础之写入事件
利用输入属性名和属性值来改变指定DIV的值:HTML界面代码: #abutt{ font-family: "微软雅黑"; color: black; border:2px solid gainsboro; } #div2{ width: 500px; height:500px; backg原创 2016-11-28 22:11:54 · 303 阅读 · 0 评论