JavaScript学习
文章平均质量分 74
仰望星空的包子
小小梦想大大世界~希望自己能一直快乐开心无忧无虑
展开
-
javascript如何创建子节点
学习完HTML+css后,我并没有直接去学习HTML5和css3,而是开始学习JavaScript,现在就是jQuery基础也懂一点,js也懂一点,css3也懂得那么点。但是给我的感受就是不精通熟练,于是咬咬牙开始从心开始学起了JavaScript,这才是最基础最有用的吧今天要讲的就是如何通过原生JavaScript来创建子节点(以ul添加子节点li为例)如何在城市列表中后添加一个城市名称原创 2016-08-30 22:31:48 · 10701 阅读 · 0 评论 -
qq相册图片轮播js代码
温故而知新,可以为师矣。还是坚持每天学习一点点进步一点点!昨天学习了下QQ相册图片播放的特效。今天花了点时间写了下代码,希望对大家有帮助! qq相册图片切换 *{margin:0;padding: 0;} .container{margin:20px auto; width:600px;} .container ul li{list-style:none; width原创 2016-11-25 08:58:20 · 961 阅读 · 0 评论 -
仿照(小米官网首页轮播图)特效js代码
最近跟轮播图杠上了,以前也接触过这个轮播图的写法,但是一般都是用插件,久而久之就忘记了!昨晚有学习了一下自己写这个js,虽然是依靠零散的记忆写出来的,可能自己并未真正理解吧!!!以下是我写的代码: 小米官网轮播图仿照 .container{width: 1226px;height: 460px;margin:0 auto;position: relative;} .conta原创 2016-11-26 10:09:51 · 6895 阅读 · 0 评论 -
图片特效展示(鼠标移入移除特效)
太久没动手了,又断续复习一些以前学过的东西。今天我写的是一个图片展示特效。鼠标onmouseover图片的时候,介绍缓慢出现;移除时候介绍回到原位。代码如下: 图片展示特效 *{margin:0;padding: 0;} #picList{width:1300px;margin:100px auto;}原创 2016-12-19 14:44:12 · 2244 阅读 · 0 评论 -
css sprite网页图片处理之小图标切换
css sprite以前我们经常用css sprite做小图标切换CSS Sprites在国内很多人叫css精灵,是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言,不高于200KB的单张图片的所需载入时间基本是差不多的,所以无需顾忌这个问题。原创 2017-01-10 14:13:07 · 754 阅读 · 0 评论 -
js Math.cos()与Math.sin()
JS Math.sin() 与 Math.cos() 用法Math.sin(x) x 的正玄值。返回值在 -1.0 到 1.0 之间;Math.cos(x) x 的余弦值。返回的是 -1.0 到 1.0 之间的数;这两个函数中的X 都是指的“弧度”而非“角度”,弧度的计算公式为: 2*PI/360*角度;30° 角度 的弧度 = 2*PI/360*30转载 2017-02-14 16:50:07 · 1375 阅读 · 0 评论 -
jQuery.extend()与jQuery.fn.extend()区别和用法解释
区别和详解:jQuery extend()和jQuery.fn.extend()1、认识jQuery extend()和jQuery.fn.extend()jQuery的API手册中,extend方法挂载在jQuery和jQuery.fn两个不同对象上方法,但在jQuery内部代码实现的是相同的,只是功能却不太一样;且看官方给出解释:jQuery.extend(): Mer转载 2017-03-06 14:02:15 · 294 阅读 · 0 评论 -
JavaScript中的this到底指的是什么!
对于常年使用C++,C#,Java等这些面向对象语言的程序员来说,几乎天天都和this打交道。在这些语言里,this含义非常明确,就是指向当前的对象实例,我们用起来也是相当的放心。然而,到了JavaScript这个动态语言里,this的写法没变,但是其含义却大大地不同了,下面用实例说明,使用浏览器为Firefox14.0.1.例子一:(1)源码[html]转载 2017-03-07 10:31:32 · 1557 阅读 · 0 评论 -
js实现尖角动画菜单
今天做了一个二级菜单,主要运营了js的定时器和高度属性以及遍历。代码贴出来,希望对大家有帮助了! .top-nav { font-size: 14px; font-weight: bold; list-style: none; } .to原创 2017-03-28 14:18:18 · 634 阅读 · 0 评论 -
使用echarts和百度地图经纬度绘制地图
以下是我的代码 --> .container{margin-top:100px;} search var token='XIxs9YC0wXa86WfWQGBM89qyohwGoXkx'; var url="http://api.m原创 2017-03-29 15:48:04 · 9011 阅读 · 0 评论 -
如何用Math.max.apply()获取数组最大/小值
最近似乎对JavaScript有点兴趣了~~~打算好好钻研这个东西。可是,一开始就遇到问题了!!!Math.min.apply(obj,args);//这个obj对象将代替Function类里this对象,第二个传进来的是数组Math.max.apply(obj,parms);//这个obj对象将代替Function类里this对象,第二个传进来的是参数Math.min()虽然能取到最原创 2016-11-23 15:41:16 · 23262 阅读 · 0 评论 -
瀑布流布局html+css+js分享
很久没上这个博客了,刚入行三四个月,很多东西都不懂,在公司也没多少项目可做,更多的是在做简单的维护工作,有时候,我都在怀疑自己以后是不是真的会继续在这行做下去?有的时候甚至想放弃,感觉自己有太多的东西不懂,在学的过程中断断续续,毅力不够!不知道是兴趣所驱使还是什么,我还是决定一步步慢慢来,相信自己以后会找到更好的平台去做好这个工作!废话不多说了,今天就来和大家分享一个最近刚学的瀑布流布局。以下原创 2016-11-22 15:35:16 · 1119 阅读 · 0 评论 -
原生javascript实现图片自动轮播和点击轮播代码
Document /*重置样式*/ *{margin: 0;padding: 0; list-style: none;} /*wrap的轮播图和切换按钮样式*/ .wrap{height: 170px;width: 500px;margin: 100px auto; overflow: hidden;position: relative;} .wrap ul{positio原创 2016-08-23 09:56:13 · 27216 阅读 · 0 评论 -
js写当前系统的时间代码案例分享
当前系统时间 window.onload = function(){ showTime(); } function checkTime(i){ //补位处理 if(i<10){ i="0"+i; //return i; } else{ i=i; // ret原创 2016-09-13 14:38:35 · 1474 阅读 · 0 评论 -
限时抢购团购倒计时活动完整js代码
团购——限时抢 div,img{ margin:0; padding:0; border:0;}.content3{ background:url(http://img.mukewang.com/534d13940001063d12000398.jpg) no-repeat; width:1200px; height:398px; margin:0 a原创 2016-09-13 15:10:34 · 10811 阅读 · 0 评论 -
js写全选按钮、全不选按钮、反选按钮、全选全不选复选框代码
今天主要给大家介绍下如何用js原生代码写出全选、全不选、反选按钮。代码如下: Document 你的呢爱好很广泛!! 全选/全不选 足球 篮球 游泳 唱歌 // 处理全选 document.getElementById('checkall').onclick=function(){ /*********************原创 2016-09-01 21:13:58 · 22388 阅读 · 1 评论 -
展开/收起按钮显示隐藏文字js代码
Document *{padding:0;margin: 0;} .pn{width:400px; margin: 200px auto 0; background-color: #ddd; text-align: center;padding:0 100px;} .slide a{display: block;width: 100px;height: 30px;line-he原创 2016-09-14 09:38:47 · 5234 阅读 · 0 评论 -
如何跨浏览器处理事件【兼容各大浏览器包括ie】
跨浏览器处理事件 function message(event){ // alert('hahha'); alert(event.type); event.stopPropagation();//阻止事件冒泡 } // 跨浏览器事件处理程序 var eventUtil={ addHandler:function(element,type,handler)原创 2016-09-19 17:30:33 · 311 阅读 · 0 评论 -
简单抽奖活动js代码
代码如下:(兼容Firefox和ie) Document .wrapper{width:600px;margin:0 auto;text-align: center;} .start {padding: 30px; font:36px '微软雅黑';color:#f00;} .btns span{display: inline-block;width: 220px;h原创 2016-09-22 09:54:28 · 3214 阅读 · 0 评论 -
刷新页面随机改变某段落的文字(js代码)
今天来介绍一下刷新页面时候触发的随机事件(每当刷新一次页面,该段文字随机改变一次)代码如下(兼容ie,Firefox) Document var says=['明日复明日明日何其多','我生待明日万事成蹉跎','少壮不努力,老大徒伤悲','宝剑锋从磨砺出,梅花香自苦寒来','吃得苦中苦,方为人上人']; var timer=null; var say=docume原创 2016-09-22 10:51:38 · 5344 阅读 · 0 评论 -
多物体缓冲运动js代码大全
奉上我的代码!!兼容ie和Firefox 多物体运动 ul li{list-style:none;margin:10px;width: 200px;height: 200px;background-color: green;} var lis=document.getElementsByTagName('li'); for(原创 2016-09-27 15:00:50 · 360 阅读 · 0 评论 -
纯js三级联动菜单
今天用js做了一个三级联动菜单,发现这种东西还是蛮费脑力的,要被这个对象给搞蒙了!以下是我分享出来的代码,希望对大家有帮助! 三级联动菜单 ==请选择省份== ==请选择城市== ==请选择区域== var array=[ {name:'湖南省',cities:[{name:'长沙市',count原创 2017-03-16 20:54:50 · 1448 阅读 · 0 评论