前端特效
19年,重新开始写
求学之路,泛结良师,广交益友
展开
-
js制作简单的轮播图
实现原理首先定义一个div,设置width和height,然后在这个div里面再定义一个div2,该div的宽度为父div的宽度的n倍,其中n表示图片的张数,在这个div2里面放置需要进行轮播的所有图片,设置每张图片的宽度为一个最外层父类div的宽度,高度都是相同的然后使用js定义一个轮播的函数,每指定时间执行一次轮播函数,通过使用js提供的时间片来实现。轮播函数的思路为:在js外部定义一个全局变量原创 2017-06-21 09:30:12 · 828 阅读 · 0 评论 -
纯css实现图片翻转效果
所要掌握知识点CSS样式1.backface-visibility; visible/hidden: 设置当所指定的元素被进行翻转等操作而使背面显示时,是否进行显示还是隐藏2.transform: rotateX(n deg):设置当朝X轴方向旋转的角度3.transition: css duration style; 实现代码前端布局实现代码<div class="jskc">原创 2017-06-21 19:12:26 · 5166 阅读 · 0 评论 -
原生js实现帝国矩阵效果文字
效果演示地址:原生js实现帝国矩阵效果文字实现代码前端页面设计<html> <head> <!--Style Link--> <link rel="stylesheet" href="index.css" /> <!--JS Link--> <script src="index.js"></script> </head>原创 2017-06-10 23:04:48 · 1104 阅读 · 1 评论