摘要:
通常购物网站中会有一些价格计算,合计或者小计,今天写一个简单的计算商品价格的小例子: 先来看看布局: 效果图如下: 看看js代码: 因为li不止一个,那么需要先实现出一个的效果,然后通过传参,来解决多个的计算! 好了,今天就到这里,明天继续! 阅读全文
摘要:
之前的博客有一个图片切换的例子,实现了简单轮播图的点击切换的案例,今天就说一下多组轮播切换,前提是布局差不多,通过函数传参的形式减少代码应用,但是同时还能实现效果。先来看一下之前那个例子的实现图片: 那么今天我来实现两组这样的图片切换,通过传参数来实现,这样分可以减少js代码: css样式: js代 阅读全文
摘要:
js中数据类型转换是一个很频繁会用到的一部分,那么在实际案例中会出现各种的数据类型,想要满足某些条件,那还必须要不同类型的数据进行转换,今天就通过一个小例子,来找出相对应的数据类型。 先看一个一个数组,数组里的内容很复杂,包含了所有的数据类型,然后我们通过不同的条件找到相对应的内容: 题目是: 1、 阅读全文
摘要:
关于判断表单元素中QQ号码的既定的几个标准: 1、不能为空 2、不能不是数字 3、不能有0在前面 4、不能是小数 5、输入的数字必须在5位以上、10位以内(先判断10位以下的,目前存在11位和12位的忽略不计) 先来简单写一下布局: 那么js应该这样写: 要一层一层的判断才行,任何一个条件不能忽略, 阅读全文
摘要:
js中的数据类型有几个特殊的,其中NaN就是一个,今天来说一下NaN的特点以及和isNaN的区别。 JS中的数据类型:数字(NaN)、字符串、布尔、函数、对象(obj、[]、{}、null)、未定义。 一、那么NaN在以下几种情况中会比较特殊: 从上面的分析中得出几个NaN的特点: 1、NaN属于数 阅读全文
摘要:
js中数据类型转换是很重要的一部分,通过一些数据类型转换可以达到想要的结果,那么数据类型转换最基础的几个方法是什么呢,来看看我的简单的总结: 好了,通过以上例子大概就可以了解这个几种转换方法了,当然这是比较简单的转换。希望对大家有用!今天就简单写到这里,明天加油! 阅读全文
摘要:
js数据类型是一是个很重要的模块,今天就来简单复习一下这些数据类型。而来判断数据类型的方法是 typeof。 JS中的数据类型主要包含:数字、字符串、布尔、函数、对象(obj、[]、{}、null)、未定义 以上就是经常用到的js的数据类型,在之后的项目中会用到这些数据类型所以,要非常熟悉! 好了, 阅读全文
摘要:
上一篇博客的内容主要是模仿QQ菜单写出的类似手风琴的效果,今天就来改进一下这个手风琴效果,点击当前的,当前展开,其他的关闭,总之就是要实现点击其中一个,其他的关闭的效果,关于布局和样式的代码,见上一篇博客,今天主要来看看js的处理: 其实原理还是之前写过的例子,就是每次进来都先全部清空,然后点击时给 阅读全文
摘要:
模仿一下qq的好友展示效果,点击好友标题,下民饿好友列表展示出来,而点击其中的一个好友,给其加上一个点击的效果样式,当然再次点击标题,可以将其关闭。 说的可能不是很清楚,先来看一下布局,就明白想要的效果了,来看布局代码: css样式简单写一下: 未展开的效果是: 想要的效果是点击每一个标题可以让其的 阅读全文
摘要:
之前写过过一种轮播图的切换,是按照顺序依次点击依次更换图片,这次的图片切换主要是可以有点类似京东的轮播图,区别不同的是没有加定时器,不能自己循环,而需要点击任何一个下标,显示当前所对应的图片。 先来看看布局html和css: 没有写js的效果图如下所示: 要实现点击 右上角的li中间的图片进行切换, 阅读全文