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

2018-09-05 By admin 阅读

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

分类: 前端技术 标签: 案例集

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

2018-08-28 By admin 阅读

很多幻灯片切换的时候,下面有一个对应的小圆点导航条。这种案例的关键点是各自的下标传递,依然要用到自定义属性。功能有:1、点击下一张和上一张切换大图。2、下面导航的小圆...

分类: 前端技术 标签: 案例集

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

2018-08-28 By admin 阅读

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

分类: 前端技术 标签: 案例集

select下拉菜单的兼容性问题,支持IE10以上的方法

2018-08-27 By admin 阅读

对于表单控件的样式修改一直是个老大难的问题,如果不做大手术,还是很好兼容IE10和谷歌等现代浏览器的。有两种常规方法。第一种:直接干掉select旁边的小箭头,用图片或者border绘...

分类: 前端技术 标签: select下拉菜单,兼容性问题

linear-gradient线性渐变的兼容性问题,有神器!

2018-08-27 By admin 阅读

兼容性问题一直是让前端工程师脱发的主要罪魁祸首,所以,利用一些神器工具可以挽救你的发际线。先来一个兼容性全包括的代码片段,这是IE9不支持圆角的全系列:.gradient{ backgrou...

分类: 前端技术 标签: css3,linear-gradient,兼容性问题

杨雪果老师强大的Blur's good brush 7.0 pro,必须收藏!

2018-08-27 By admin 阅读

看高高手的时候,无意间听到李涛老师说到杨雪果老师的这套画笔,于是下载下来一用,对于我这种绘画小白来说,太大材小用了,于是推荐给需要绘画的同学,必须收藏。下载地址:...

分类: 前端技术 标签: ps资源,blur's good brush

CSS3第十三课: steps animation逐帧动画,你不应该错过的最详篇!

2018-08-27 By admin 阅读

animation动画除了可以实现补间动画外,还可以完成逐帧动画。在animation的属性中,有个属性animation-timing-function一共具有如下这些值,来自于MDN。/* Keyword values */ anim......

分类: 前端技术 标签: css3,animation,steps

steps animation,极光下奔跑的熊!

2018-08-27 By admin 阅读

有次无意间看到了百度浏览器的动画效果,一直恋恋不忘,终于抽了点空仿了一个场景,感觉steps animation逐帧动画还是很强大呀。 点击查看效果 一、案例分析 1、星空背景的运动和三层...

分类: 前端技术 标签: CSS3案例集,steps animation

oat the goat,一个温暖的故事,一个超酷的网站

2018-08-27 By admin 阅读

今天逛awwwards的时候,被一个网站吸引了,简直刷新了我对网站的认知啊,太美好了,让我有忍不住必须推荐的冲动,为此我专门开设了一个新的子栏目“酷站推荐”,把以后看到的好网...

分类: 前端技术 标签: 酷站推荐

transform变形在网页上的效果

2018-08-27 By admin 阅读

这是一个小案例,展示了transform在网页上常见的几个效果。比如translate位置的移动,scale缩放,skew倾斜等。当然还应用了box-shadow投影,linear-gradient线性渐变等效果。这些知识点在css教程...

分类: 前端技术 标签: css3,transform