摘要: 面是用JS简单地实现选项卡功能的实例。 注意点:(1)闭包后,要使用立即执行函数; (2)绑定事件注意参数; (3)思路:将当前div显示,其余隐藏,给button绑定事件,触碰后显示相应内容。 阅读全文
posted @ 2019-07-08 17:21 爱笑的小宇宙 阅读(5657) 评论(0) 推荐(0) 编辑
摘要: 复选框为checkbox对象 通过input就可以将一个简单的复选框呈现在页面上 要实现的大概就是这样一个页面 思路 全选 因为要得到复选框数组,而id又不能重复。所以通过name来得到复选框数组。得到数组后遍历,将所有checked值设置为true即可实现全选,全不选原理相同 反选 同样的方法得到 阅读全文
posted @ 2019-07-08 17:09 爱笑的小宇宙 阅读(16631) 评论(0) 推荐(1) 编辑
摘要: 学到了原声js改变input的disabled的属性值,因为想让倒计时结束的同时,抢购按钮可以被点击。代码为:document.getElementById("buy").disabled = "";或者disabled的值为false也可以。 阅读全文
posted @ 2019-07-08 16:57 爱笑的小宇宙 阅读(872) 评论(0) 推荐(0) 编辑
摘要: 思路: *得到当前时间 var date = new Date(); //格式化为本地时间 var d1 = date.toLocaleString(); *使页面每秒显示一次时间 setInterval() 定时器实现 *显示到页面 获取div标签并将时间写入 代码: 阅读全文
posted @ 2019-07-08 16:48 爱笑的小宇宙 阅读(10766) 评论(0) 推荐(0) 编辑
摘要: Web的中文就是网络的意思,网站。而网站分为前端和后端,通俗上说前端就是做网页,界面,特效,交互。打开一个网页,我们眼睛可以看到的东西都可以说是前端,这个就是前端需要做的。 下面是我总结的新手学习路线,大家可以参考一下: 第一阶段: 在第一阶段中,也就是我们常见的HTML+CSS,最简单的东西,在我 阅读全文
posted @ 2019-07-08 15:40 爱笑的小宇宙 阅读(247) 评论(0) 推荐(0) 编辑
摘要: 核心思想 随机产生规定范围内的整数,然后再产生相同范围内的整数,两者相同时,则暂停。 所用知识 Math.random() * num: 产生从0到num的随机数 Math.floor(): 向下取整 简单的DOM操作等 技术扩展 扩展人数 添加停止键等 效果 代码如下 html: 1 <div c 阅读全文
posted @ 2019-07-08 15:34 爱笑的小宇宙 阅读(402) 评论(0) 推荐(0) 编辑
摘要: 1 2 3 4 5 6 7 8 9 Document 10 11 54 55 56 57 58 59 60 61 188 189 190 191 阅读全文
posted @ 2019-07-08 15:31 爱笑的小宇宙 阅读(236) 评论(0) 推荐(0) 编辑
摘要: 一,js换肤的基本原理 基本原理很简单,就是使用 JS 切换对应的 CSS 样式表文件。例如导航网站 Hao123 的右上方就有网页换肤功能。除了切换 CSS 样式表文件之外,通常的网页换肤还需要通过 Cookie 来记录用户之前更换过的皮肤,这样下次用户访问的时候,就可以自动使用上次用户配置的选项 阅读全文
posted @ 2019-07-08 15:20 爱笑的小宇宙 阅读(882) 评论(0) 推荐(0) 编辑
摘要: 】把元素的position属性设定为relative、absolute或fixed后,继而可以使用TRBL属性,相对于另一个元素移动该元素的位置。这里的“另一个元素”,就是该元素的定位上下文。 绝对定位元素的默认上下文是body。然而绝对定位元素的任何祖先元素都可以成为它的定位上下文,只要把相应的祖 阅读全文
posted @ 2019-07-08 13:44 爱笑的小宇宙 阅读(493) 评论(0) 推荐(0) 编辑
摘要: 层叠的意思就是“继承”、“权重”、“覆盖”,通过良好的层级命名更好的实现效果,更少的代码,更多的功能,下面为大家详细介绍下,感兴趣的朋友不要错过 解答一: 层叠指的是样式的优先级,当产生冲突时以优先级高的为准。1. 开发者样式>读者样式>浏览器样式(除非使用!important标记 )2. id选择 阅读全文
posted @ 2019-07-08 11:53 爱笑的小宇宙 阅读(2353) 评论(0) 推荐(1) 编辑
摘要: js控制隔行变色 编号 作品 时间 1 回忆三部曲 ... 阅读全文
posted @ 2019-07-08 11:50 爱笑的小宇宙 阅读(1683) 评论(0) 推荐(0) 编辑
摘要: css中的::after和::before已经被大量地使用在我们日常开发中了,使用他们可以使我们的文档结构更加简洁。 但是很多人对::after和::before仍不是特别了解,究竟他们是做什么的?如何使用他们?什么时候应该使用他们?笔者总结了一些对伪元素的理解和使用经验。 一、概念: 1.定义 从 阅读全文
posted @ 2019-07-08 11:42 爱笑的小宇宙 阅读(12484) 评论(0) 推荐(0) 编辑
摘要: CSS3的nth-child() 选择器(兼容性不好),在做表格偶数行变色的时候,我通常在绑定的时候,做一个js判断,来加一个css,从而使表格偶数行和奇数行颜色不一样。这样的兼容性很好。 但是最近在做手机网站的时候,由于手机网站对浏览器兼容要求相对较低,手机浏览器大部分都支持css3,这就大大提高 阅读全文
posted @ 2019-07-08 11:10 爱笑的小宇宙 阅读(626) 评论(0) 推荐(0) 编辑
摘要: 细心的人可能发现了,写的导航条中存在一个问题,那就是使用了float之后,父级盒子的高度变为0了。 我们来写一个例子来看一下,创建一个父级div,并设置border属性,然后下边创建两个子元素span,并设置浮动。具体代码如下所示: 由上图可以看出,在给span添加了float之后,父级元素div的 阅读全文
posted @ 2019-07-08 10:26 爱笑的小宇宙 阅读(3207) 评论(0) 推荐(0) 编辑