【技术贴】来一波前端常用特效代码，大家共同学习

yr43299649 · 发表于 2017-4-25 11:49

本帖最后由 yr43299649 于 2017-4-25 12:33 编辑

做网页是时常有自己难以驾驭的效果，恩就是写不出来，接下里给大家一波福利，
，接下里就是就是正文了；
网页特效一：
图片轮播（这个会前端的都会写，我发下自己写的爆炸手写代码思路在那里，总感觉有些繁琐也没改，大神不要喷我）

网页特效2：
侧边导航栏，电梯效果，一开始看了很多，都难的飞起，最后给大家个简单的版本

网页特效3：选项栏分大小，
tab选项栏1：这个特效所有网页都有，当然也可以用php分页来写（没试过）
像这样的我发的东西都是已经做出来的

tab选项栏2：
像这样的

网页特效4：右侧固定栏且有动画效果；这个效果一般用CSS3来写

网页特效5：页面图片动画效果；
这个不用多说，同样是css参考网页特效4
效果说明鼠标放上去使图片向左移动，代码很简单

网页特效6：2级或3级联动，这部分一般找个插件，（不然真的爆炸难写）；
这个推推介大家找插件
网页特效7：无缝轮播这个就是用无缝轮播做的，代码一会汇总发，

网页特效8：倒计时；做了个简单的倒计时，大家用的时候重新做下CSS
超级简单的效果，，

网页特效9：倾斜导航
这个用伪元素
网页特效10: 想不起来了，大家一起想想，有了我写写加进去；

那啥，我截的图都是我自己页面的（虽然页面是仿照JD做的，）
那啥，我这是不是技术贴，求版主大大把我这个弄进技术贴里面，毕竟也是技术了，，，哈哈

@Cizel

最后附上一些高大上特效和我自己做的特效，，，

等待上传太慢了。。。。

排版难看请见谅，
链接：
特效链接：链接：链接：http://pan.baidu.com/s/1pLmCWQJ 密码：gjxu

yr43299649 · 发表于 2017-4-25 11:52

原谅我，我真不知道最后的三张图，哪里冒出来的

viptech · 发表于 2017-4-25 13:51

第一次发现...用笔记本手写记代码的... 一般都直接存个html 或者啥txt doc md 都可以楼主发的都是比较基础的东西实际这种一般都写成框架或者用别人的框架或者插件了

a5565955 · 发表于 2017-4-25 12:09

没必要这么繁琐，好多功能框架都可以实现

熊叨叨 · 发表于 2017-4-25 12:22

很赞啊纯属的干货啊

enjoyread · 发表于 2017-4-25 12:30

提示: 作者被禁止或删除内容自动屏蔽

华凌666 · 发表于 2017-4-25 12:31

链接都无法保存了

虾米来找茬 · 发表于 2017-4-25 12:40

辛苦了~~~

温华 · 发表于 2017-4-25 13:00

密码错误啊

52OK-Gor · 发表于 2017-4-25 13:14

还有手写的？这么牛逼？

帐号		自动登录	找回密码
密码			注册[Register]

[其他原创] 【技术贴】来一波前端常用特效代码，大家共同学习

免费评分

本帖被以下淘专辑推荐:

个人中心

enjoyread enjoyread 当前离线好友阅读权限 0 听众最后登录 1970-1-1 头像被屏蔽	enjoyread 发表于 2017-4-25 12:30 提示: 作者被禁止或删除内容自动屏蔽

	回复支持举报

[其他原创] 【技术贴】来一波前端常用特效代码 ，大家共同学习

免费评分

本帖被以下淘专辑推荐:

个人中心

[其他原创] 【技术贴】来一波前端常用特效代码，大家共同学习