前端
文章平均质量分 81
annyangya
写代码写笔记,在练习中不断成长,加油!
展开
-
html-css-javaScript实现图片轮播
先看效果: 有三张图片,图片两侧有左右切换按钮,右下侧的小圆点点击可以随意切换图片。 鼠标没移动到图片上时,每隔三秒自动切换图片。html下面是html文件:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title&原创 2018-08-29 11:29:52 · 1984 阅读 · 0 评论 -
Mac下使用IDEA如何安装less和sass并编译(局部/全局安装,IDEA自动编译)
这里我们是在一个项目下安装less,即局部less,因为先前安装全局less的时候出了一点小问题,所以这里给出在项目下安装less的过程。在IEDA的终端输入:npm install less这样就安装好了接下来是编译less文件a.less,假设我们的less文件是在项目目录src的less目录下:执行: ./node_mudules/.bin/lessc ./src/less/a...原创 2018-10-26 08:21:30 · 1389 阅读 · 0 评论 -
响应式开发:登录界面实现
学习了慕课网上响应式开发的课程,对响应式开发有了一定的了解,完成了一个简单的小实战,登录界面的实现。具体资源详见:https://download.csdn.net/download/ayangann915/10761207在不同分辨率的设备下显示不同的效果,如下:首先实现在ipad设备上的效果:&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&原创 2018-11-02 19:45:51 · 6113 阅读 · 0 评论 -
栅格布局小案例——图片展览
在学习Bootstrap的过程中,对栅格布局有了一定了解,完成了一个简单的小案例,图片展览,在不同大小的屏幕下显示的效果不一样。其中还实现了轮播图的效果。代码如下:&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset=&quo原创 2018-11-05 10:28:49 · 1506 阅读 · 0 评论