• 博客园logo
  • 会员
  • 周边
  • 新闻
  • 博问
  • 闪存
  • 众包
  • 赞助商
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
麦兜家园
优秀是一种习惯
博客园    首页    新随笔    联系   管理    订阅  订阅
上一页 1 ··· 5 6 7 8 9 10 11 12 下一页
2017年12月20日
setInterval定时器设定开关
摘要: 今天简单写一个小案例:点击按钮,让div“走”起来。主要是为了说明给定时器设定开关时需要注意的几个问题。需求是:当点击按钮,让div向右一直移动,当移动到500像素时,停下来。好了那么简单的布局代码看一下: 那么简单的js效果是这样的: 这里需要注意的几个问题是: 第一,就是获取div的样式一定要用 阅读全文
posted @ 2017-12-20 20:12 麦兜家园 阅读(3772) 评论(0) 推荐(0)
2017年12月19日
原生js应用setTimeout实现下拉菜单
摘要: 今天实现一个很简单的下拉菜单的小实例,也就是鼠标移入菜单,它的子菜单出现并延迟消失。大概效果如下图: 来看下布局: 关于css代码: js如下: 以上例子总结一下三点: 1、首先看布局,主菜单div没有包含子菜单,这样的话不同于被包含的关系,扩展性应该会强一些; 2、鼠标移出事件开启时,并没有让子菜 阅读全文
posted @ 2017-12-19 21:24 麦兜家园 阅读(327) 评论(0) 推荐(0)
2017年12月18日
图片切换加定时器(图片轮播)
摘要: 之前写过一个图片切换的实例,当时只是没有加定时器,今天加上定时器,让其自动播放,好的来看代码: css代码: html代码: 接下来就是js代码: 注意:加定时器这一部分代码标粗了,为了看的更加清楚,特别要注意的小细节就是我注释里的内容:事件调用不能加括号,函数名称加括号就等于函数返回的值,若你函数 阅读全文
posted @ 2017-12-18 20:01 麦兜家园 阅读(3576) 评论(0) 推荐(0)
2017年12月17日
启用setInterval()定时器更换背景
摘要: 关于setInterval定时器的一个小实例,点击换背景按钮,让其每一秒换一个背景,点击停止就让其停止。 css js代码 注意:关于setInterval还有就是这里在调用fn函数时候不需要传参所以后面不要加括号。当然这是网盘认为的原因,也欢迎各大神给我指出问题。 今天就到这里! 阅读全文
posted @ 2017-12-17 19:52 麦兜家园 阅读(966) 评论(0) 推荐(0)
2017年12月16日
关于arguments的用法
摘要: 当函数的参数个数无法确定的时候:用 arguments。函数的 arguments 对象并不是一个数组,它相当于是一个实参的集合,但是访问单个参数的方式与访问数组元素的方式相同。访问 函数中的第n个参数 则可以使用arguments[n-1]。 1、arguments实际为实参的集合。既然是集合,那 阅读全文
posted @ 2017-12-16 20:31 麦兜家园 阅读(778) 评论(0) 推荐(0)
2017年12月15日
return返回值
摘要: return返回值的应用,主要分为两大类: 一、返回函数结果; return可以返回所有的数据类型:数字、字符串、布尔、函数、对象(元素\[]\{}\null)、未定义3、 1、数字 2、字符串 3、函数 4、对象 5、未定义 注意说有函数都默认会有一个retrun,而没有任何定义的情况下,返回的都 阅读全文
posted @ 2017-12-15 20:40 麦兜家园 阅读(9888) 评论(1) 推荐(0)
2017年12月14日
原生js实现全选和反选以及任意一个未被选中的效果
摘要: 模仿一个百度音乐的全选和反选的的操作。 html代码如下: css代码如下: js代码如下: 代码运行效果图如下: 阅读全文
posted @ 2017-12-14 22:52 麦兜家园 阅读(2780) 评论(0) 推荐(0)
2017年12月13日
原生js实现星级评分
摘要: 今天来实现下星级评分,后边并跟有评价文字。 html代码如下: css如下: js如下: 代码运行效果如下: 阅读全文
posted @ 2017-12-13 22:49 麦兜家园 阅读(10507) 评论(1) 推荐(1)
2017年12月12日
原生js将秒转为时间
摘要: 关于运算符的应用,取模应该是比较重要的了,今天写一个关于将秒转为时分秒的小例子。 上面的p标签用来储存转化出来的时间,js应该这样写: 效果图: 当然这种直接将秒转化为时分秒的例子应该不多,但是其宗旨还是用到取模,主要的思路不变。 阅读全文
posted @ 2017-12-12 18:58 麦兜家园 阅读(10538) 评论(0) 推荐(0)
2017年12月11日
取模实例
摘要: 今天写一个取模的小实例,将数组中的内容循环写入到 li 中。来看代码: 布局就是一些li,那么想在每个li里循环写如规定的内容,并且点击任何一个加入颜色,看js: 效果图如下: 这个就是取模的一个最简单的小实例。 阅读全文
posted @ 2017-12-11 20:52 麦兜家园 阅读(363) 评论(0) 推荐(0)
上一页 1 ··· 5 6 7 8 9 10 11 12 下一页
博客园  ©  2004-2026
浙公网安备 33010602011771号 浙ICP备2021040463号-3