- 博客(10)
- 资源 (14)
- 收藏
- 关注
原创 js 随机获取10个不重复的1~20之间的整数数组
要想用js随机获取10个1~20之间的整数组成一个数组,这并不困难,但是这样获取出来的数字难免会有重复的,那么如何获取出一个不重复的数组呢。js代码如下:<body> <p id="pid"></p> <script> var pid = document.getElementById('pid'); var arr = []; for
2016-08-31 18:06:02 18848
原创 js 瀑布流效果
平时,淘宝上我们经常会见到瀑布流效果,如下图~这个效果用css3的一个分列效果就可以实现,今天我们用原生js来做一下这个效果。首先我们来整理一下思路,先定义一个div,用做最大的布局盒子,并且实现图片的布局。然后定义一个pic,并且将float设置为left,让盒子横向排列。然后定义一个div 类名为box,给这个盒子设置边框,里面存放图片。在写样式表的时候,我们可以只设置图片的宽度,将每一张的图片
2016-08-31 17:30:51 503
原创 js 小球碰壁反弹and小球碰撞
好像好几天没有更博了呢,最近有点变懒了,这样不好,不好~~我们要做热爱学习的好孩子,嘻嘻,今天下午补上。。。我们在学习js的时候,一个很经典的案例就是小球的碰壁反弹效果啦~简单的小球碰壁效果可以慢慢延伸,让我们做出的效果更漂亮。如图~这个样子放上好像有点单调,这个案例就是实现了多个小球的同时碰壁反弹,并且不同的小球碰撞后也可发生碰撞反应,相应的小球运动方向也会发生改变。什么事情都要从简单开始,一点一
2016-08-31 16:42:58 15531 4
原创 原生js实现简单微博发布功能Dom(节点操作)
现在很多人都在用微博,微博成为一种很普遍的分享,交流平台,以至于养成了每天睁开眼睛第一件事情和每天晚上闭上眼睛之前最后一件事就是要刷微博。博主一般就是潜水,默默的刷别人的微博,以至于到现在我的粉丝依旧是9个,特别稳定~~搞得本宝宝很焦灼...(有想要关注我的,可以私信哦~嘻嘻) 好啦,废话不多说,进入正题。。(只是实现简单的节点操作,做的不好勿喷~~~)这个简单的功能主要分为三大部分:
2016-08-25 18:34:48 3383 4
原创 js中的scrollleft、style.left、clientLeft、offsetLeft
相信大家都见过这张图,乍一看,这张图乱七八糟的,看见就很头疼,但是为了搞清楚这几个left到底什么是什么,只能硬着头皮慢慢分析了~其实,仔细看看,这张图差不多就分为五大部分。盒模型的组成部分,padding、margin、border和content,这个我们就不做解释啦。。style部分。这个在position定位中经常用到。scroll部分。client部分。offset部分。现在,
2016-08-21 17:58:43 7403
原创 三级联动:js实现淘宝地址更改
在淘宝购物的时候,我们经常会遇到收获地址的选择,当省份发生改变时,城市,乡镇会随之发生改变。 这个三级联动的效果我们可以通过js来实现。 在写这个案例时,博主将地址的信息存储在了一个json对象中,并把json对象存在了一个js文件中,存储地址信息的js文件可以去博主的资源中下载哦~~效果图:html及css代码如下:<!-- css代码--><style> *{margin:
2016-08-17 17:29:56 2058 3
原创 javaScript实例:tab切换效果
我们平时经常会用到tab切换的效果,如下图:这个效果很常见,用js就可以实现。布局分析:我们可以先让其中的一块内容显示,其他的内容先隐藏,当用户点击头部标签时,可以让当前内容隐藏,点击部分的内容显示出来。通过改变标签样式就可以实现。html、css代码如下:<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <
2016-08-13 17:30:55 5900
转载 13道JavaScript题
今天无意间看到的,拿来分享一下~~ 题目一——————————(function(){return typeof arguments;})();答案:“object”arguments是对象,伪数组有两件事要注意这里:参数不是数组,它是一个数组一样的物体,你可以使用方括号和整数索引的元素,但方法通常可在一个如推上不存在参数数组 Array.prototype.slice.call(argumen
2016-08-12 20:18:25 418
原创 关于js中变量作用于和变量提升的那些事
一个变量的作用域(scope)是程序源代码中定义这个变量的区域。 全局变量拥有全局作用域,在javaScript代码中任何地方都有定义的。 然而在函数内声明的变量只是在函数内部有定义,他们是局部变量,作用域也只是在局部。在函数体内,局部变量的优先级要高于全局变量。如果在函数体内重新声明一个与局部变量重名的变量,局部变量就会覆盖全局变量的值。 var scope="全局变量"; funct
2016-08-12 17:47:08 3639 2
原创 html5 + css 学习小结
我最喜欢的一段话是这么说的,我们今天的生活由昨天的选择决定的,我们今天的选择决定我们明天的生活。所以,少年,为了明天的生活,奋斗吧! 这是最近写静态页面遇到的一些问题以及解决方法。 1.div 的hover显示边框图片会向右下方移动的问题 现在的网页上经常会需要把鼠标移动到图片上图片显示边框的效果,但是因为标准盒模型下div的margin,border,padding,content是向外渲染
2016-08-11 17:33:58 439
三级联动地址数据
2016-08-17
jsp 教务管理系统
2016-06-22
java 面对对象 银行管理系统
2016-05-16
java 实现数组的增删改查
2016-05-16
js动态实现节点的访问,查询与修改
2015-12-16
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人