摘要: 天猫轮播图 在做网页的时候,轮播图很常见,今天我们就做一种轮播图,通过轮播图来熟悉JavaScript的操作。 样式如下所示: 执行代码如下所示: javascript代码部分如下所示: 阅读全文
posted @ 2019-12-25 19:12 古有风情·月下谈之 阅读(332) 评论(0) 推荐(0) 编辑
摘要: 实现全选 反选 在日常生活我们会遇到需要全选 反选的地方,其实用JavaScript也能实现。 样式如下所示: 样式代码如下所示: JavaScript部分如下所示: 阅读全文
posted @ 2019-12-25 18:57 古有风情·月下谈之 阅读(613) 评论(0) 推荐(0) 编辑
摘要: 在现实生活中,我们会经常见到需要打分的地方,五个小星星,鼠标放在上面就会变样式,并且鼠标点击一下就会记录到,这是怎么实现的呢? 其实用javascript就可以实现。今天我们来写一下。 首先先给出样式: 如图所示,在生活中我也就是经常见这样的评分样式。 实现代码如下所示: JavaScript实现模 阅读全文
posted @ 2019-12-25 18:24 古有风情·月下谈之 阅读(242) 评论(0) 推荐(0) 编辑
摘要: 用JavaScript做精灵图 精灵图可以不用在给每一个小块一 一的修改位置。主要原理是找到整张的背景图与li的下标的数学关系. 这是一大张背景图,这个背景图的位置其实是有规律的,每两张之间间隔一个固定长度,这个固定长度刚好等于一个小图标的长度,我们使用的这个图间隔44px。 CSS样式如下图所示 阅读全文
posted @ 2019-12-25 18:07 古有风情·月下谈之 阅读(1246) 评论(0) 推荐(0) 编辑