最近更新

是不是每到了年底,心情就会变差!

在这个以专业为主的网站上,我很少吐槽自己的心情,但是今天真的有点忍不住,想发点口水话。有多久没有更新过网站了?最后一篇文章是10月12日发布,距离今天差不多刚两月了。仔细想想估计有两个原因,其一是因为网站流量不够,每到了月底就自动关停,月初自动开通,又没有时间去折腾更新服务器等琐事,干脆就让它荒一下...

ps调色的混合匹配法,俗称红外线调色法,色感不好的童鞋有救了!

李涛老师的混合匹配法,俗称叫红外线调色法,对于色调感觉不太好的人来说,可以快速发现图片合成的过程中,物体之间色调的协调性是否和谐。图片合成的过程中,因为素材的光源不同,导致色温色调不一样,用色彩平衡可以改变色调,但是到底调的合不合适,有没有调过分,靠肉眼感觉不出来,就可以利用红外线的原理来帮我们判断...

超前学习到底好不好?

“超前学习到底好不好?”问很多人这个问题,估计得到的答案都是“好吧”。但是根据我对很多超前学习后的学生的观察,这个问题的答案不能一概而论。今天就讲两个例子。前端班上有两个学生,一个女生,一个男生,在刚进班级的时候,他们就已经有了css的基础,还会bootstrap,js也会用一些插件,比起那些从其他...

JavaScript案例10:仿百度风云排行榜

JavaScript案例10:仿百度风云排行榜
这个仿百度风云排行榜案例的原理和选项卡套选项卡的案例原理是一样的。做JavaScript案例的基本步骤都是这样:1、先完成一个模块的效果。2、再封装成函数。3、再通过调用函数传参的方式改变数据。4、所...

JavaScript案例9:选项卡套选项卡切换

JavaScript案例9:选项卡套选项卡切换
选项卡的效果主要是自定义索引值的对应关系,只不过嵌套类的选项卡还要注意索引值的传递。原生JavaScript完成。1、先完成一个左右选项卡的切换。2、封装成函数。3、完成右边选项卡的切换,并把对应的索...

JavaScript案例8:两组幻灯分别切换和统一切换

JavaScript案例8:两组幻灯分别切换和统一切换
这个案例主要练习幻灯片的左右切换,同时增加了一组统一控制上下切换的按钮。原生JavaScript,主要是练习变量的增减和条件的判断。效果如图:案例源代码下载地址:...

JavaScript案例7:有小圆点导航和缩略图的幻灯片切换(两个版本)

JavaScript案例7:有小圆点导航和缩略图的幻灯片切换(两个版本)
很多幻灯片切换的时候,下面有一个对应的小圆点导航条。这种案例的关键点是各自的下标传递,依然要用到自定义属性。功能有:1、点击下一张和上一张切换大图。2、下面导航的小圆点的active高亮状态随着大图的...

JavaScript案例6:有缩略图的幻灯片切换(有两个版本)

JavaScript案例6:有缩略图的幻灯片切换(有两个版本)
幻灯片切换的案例中,如果不存在缩略图或者导航的小点点,一般只需要下标值的改变即可。 如果存在两组数据,而且数据之间必须有一一对应的关系时,就要依赖自定义属性的方法来传递各...

JavaScript案例5:QQ好友列表的展开和隐藏

JavaScript案例5:QQ好友列表的展开和隐藏
QQ好友列表的展开和隐藏效果。 第一个案例的功能是: 1、点击好友列表的标题,打开下面的好友列表,再次点击标题, 关闭列表。多个好友列表之间互不影响。 ...

JavaScript案例4:鼠标经过显示隐藏的内容

JavaScript案例4:鼠标经过显示隐藏的内容
这个案例有两个版本: 一个是把所有隐藏的内容都嵌入到了html结构中,这种方法很冗余,不利于数据的更新。 第二个方法是利用数组对象的方式,把数据放入数组...

JavaScript案例3:鼠标经过方块消失出现图片

JavaScript案例3:鼠标经过方块消失出现图片
这个案例主要是练习for循环生成阵列。 通过定位在图片上方摆满多个div,鼠标经过div消失。 案例下载地址: ...

JavaScript案例2:幻灯片切换效果(顺序切换和循环切换)

JavaScript案例2:幻灯片切换效果(顺序切换和循环切换)
幻灯片的切换是网站常用功能,这个案例包括了顺序切换和循环切换两种效果。 1、循环切换就是点击下一张,到了最后一张,偷偷摸摸切换到第一张。点击上一张,到了第一张,再偷偷摸摸...
Top