web前端
关注
分享
扫一扫
文章平均质量分 70
番茄酱炒梨子
不会切图的前端不是好产品
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
用JavaScript实现旋转轮播图
旋转轮播图最近一直在学习JavaScript，然后看到旋转轮播图的案例，就尝试着用js做了一个简单的轮播图，因为无法显示动态效果，所以就放个截图： 这个效果是这样的：一共有7张图片，它们会自动地向左滑动，然后左右箭头也可以控制轮播图的左滑和右滑，同时，如果鼠标停在图片上，那么轮播图会停止自动滑动，当鼠标移开时，将会继续向左轮播。 首先，我这里封装了两个函数（因为暂且还没有学原创 2017-08-18 00:15:29 · 921 阅读 · 0 评论 -
CSS实现边框圆角
CSS实现边框圆角通过设置border-radius可以实现圆角边框的效果。 1.分别设置四个角的半径值 在border-radius属性中，依次书写四个角的半径。从左上角开始，顺时针方向进行设置。 例如：border-radius：75px 75px 0 0; 2.每一个角都可以设置两个方向的半径 对于类似于椭圆形的图形来说，每一个角都不是正圆的切线。而是使用一个椭圆来作原创 2017-08-29 07:56:51 · 6061 阅读 · 0 评论 -
js原型和原型链
今天听了有管js原型的课程讲解，关于JavaScript原型的理解是一个难点，老师通过一些例子简单的介绍了js原型和原型链，下面是我的整理。 首先我们需要了解一下普通对象和函数对象： 1.javascript中 万物皆对象； 2.对象是有区别的，分为普通对象(object)和函数对象(function)； 3.规则一：凡是通过new Function()创建的对象都是函数对象，其他的都是普通原创 2017-09-18 19:47:54 · 529 阅读 · 0 评论 -
ajax和js实现瀑布流布局
所谓的瀑布流布局就是浏览器上滑可以加载更多图片(其实是假数据)，代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0; padding: 0;原创 2017-09-28 16:33:44 · 1282 阅读 · 0 评论 -
用jQuery实现手风琴动效
我们以前有在网页上看过手风琴样式的图片切换，默认情况是这样的： 图片是这样叠加在一起的，当鼠标滑动到其中一张图片上，它会进行展开，显示成一张完整的图片，同时其他几张图片会隐藏更多的部分，演示的截图如下： 图片就是这样“点谁谁展开”啦~ 下面我将介绍一下这个手风琴动效的代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transition原创 2017-09-12 00:04:27 · 820 阅读 · 0 评论