cookielv-CSDN博客

原创运算符，反选操作

运算符在小效果的时候还是会用到，而且会省去很多麻烦。！取反！ture表示False;!!true表示ture;下面用JS来实现一个小效果，点击按钮实现取反操作。其实只需要几个input标签，再加简单的几句JS就能够实现。 var oTp=

2017-01-11 22:24:27 287

原创 JS之函数传参小demo

感觉自学真的是一个困难的过程，没有毅力学得零零散散，学到后面就会很痛苦。很久没有写代码的感觉就会很生疏，深深的愧疚感。时常怀疑自己到底是不是适合从事程序这个行业，没有人带，自己没有兴趣的话容易半途而废。最近学到函数这一块感觉能听懂视频上说的，但是自己敲还真是个问题。跟着妙味课堂完成了这个效果：界面代码如下： 0

2016-12-28 23:02:31 529 2

原创 JS之模拟QQ列表展示

最近学了点CS布局和JS，总是迫不及待的想写点小实例。跟着妙味课堂学了一下模拟 QQ列表的简单功能展示，自己也敲了一遍代码。页面布局如下：家人爸爸老妈弟弟哥表姐闺蜜大黄桃子阿丹小敏老王

2016-12-15 22:53:18 1528

原创 JS自定义属性之切换图片事件

本篇是在前一篇图片切换的基础上实现功能，代码有一些繁琐将会在下一篇中对该篇进行优化。数量正在加载中.... 文字说明正在加载中... var oDiv=document.getElementById('pic'); var oImg=oDiv.getElementsByTagName('img')[0];

2016-12-13 23:21:08 493

原创 JS之自定义属性的运用

在我们常使用的控件中，我们经常可以自己为元素定义一些属性来达到想要的效果。例如：我们想要给按钮设定一个值，这个值对每个按钮都要相同的效果。： window.onload=function(){ var aBtn=document.getElementsByTagName("input"); var arr=['A','B','C','D'];

2016-12-12 23:28:05 360

原创用for循环自动生成新闻

for循环：for(条件1；条件2；条件3）；新学了for循环感觉其实和C语言中的语法差不多，因为之前的基础，对这个循环还是比较容易理解。自己跟着视频敲了一个小demo，实现的效果也很简单。只是是需要日积月累的，即使在别人看来很简单很菜的代码，自己能够敲出来还是有小小的成就感。我在新浪新闻上面copy了一些新闻小标题，用一个数组来存放它们，然后用数组下标来进行索引。用一个无序列表来

2016-12-10 13:50:27 974

转载妙味课堂作业之图片切换

http-equiv="Content-Type" content="text/html; charset=utf-8"> 无标题文档 p { margin:0; } body { text-align:center; } #box { width:400px; height:400px; border:10px

2016-12-07 21:41:06 299

原创自学JS之切换图片进阶篇章

今天要展示的是平时在网页上面看到的如何切换图片：图片切换小示例 #box{ width:1000px; height:1000px; margin:50px auto 0; position:relative; } a { width:80px; height:840px; backgroun

2016-11-30 23:56:18 319 3

原创 JS自学之if判断小示例

本次我要展示的是用if else 判断来切换图片，由于图片的路径不能作为判断，所以要用布尔值来设置开关。实现的效果图：代码很简单： var oImg=document.getElementById("img1"); var onOff=true; oImg.onclick=function(){ if(

2016-11-29 22:15:37 389 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 302

原创自学JS小实战之按钮设置字体大小事件

我们经常会在一些新闻网站上面查看文章的时候，都会发现文章的顶部一般都有设计按钮来设置字体大小，这样可以改善用户体验。虽然这只是一个小效果，但是一个完整的网站都是由这些小效果组成的。要实现的效果图：只需要在页面放两个按钮和一个P标签：一个按钮用来增大字号，另一个按钮减小字号。P标签主要用来放被设置的字体；

2016-11-26 22:25:18 4974

原创 JS基础之读写小事件2

本次要学习运用innerHTML，了解它的作用。我喜欢学一个敲一个感觉既不枯燥，又加强记忆力，满足小成就感。这就是一个小菜鸟的日常。我希望我能一直坚持下去，喜欢自己学了新知识以后回过头来优化之前的代码。先上效果图：先用HTML设计界面：该界面还是一如既往的简单： // 用一个DIV来显示我们要输入的文字

2016-11-26 20:25:52 223

原创自学JS基础之读写小DEMO

如何用JS实现读取写入呢？比如我们要实现下面这个效果：很简单的小例子:由一个文本输入框，下拉选择框，按钮组成。先写HTML界面：北京深圳杭州成都上海我的JS代码段： var oTxt=document.getElementById("txt1

2016-11-26 19:10:37 395

原创热身运动之JS设置鼠标点击事件

最近因为搬家，代码搁浅了将近半个月。感觉前面学的东西又忘得差不多了，所以说学东西要快速入门才行。前几期看的妙味课堂的视频遗留的一个问题，个人感觉对HTML的定位和浮动理解的不透彻。自己写的页面对一些元素的定位常常达不到想要的效果，设计的页面代码还比较复杂。用外链式引入JS的时候，有一些效果无法实现，但是直接写在HTML的页面时又能够运行。比如我想实现下面这个效果：

2016-11-23 22:16:01 264

原创 JS之鼠标移入移出事件2

写了两种JS的方法，其实都是一样的。只不过一个是放在body之前，利用事件加载方法；一个是放在代码的最后面；1. #div1 { width: 200px; height: 200px; background: red; display: none; } window.onload=functio

2016-10-29 22:18:31 3226

原创初学JS值之用JS实现鼠标移入移出事件

初学JS #webo{ width:82px; height:123px; } li{ list-style:none; } #list{ width:80px; height: 30px; position: relative; } a{ color:bl

2016-10-29 18:04:34 3014

qq_19004625的博客