- 博客(5)
- 问答 (1)
- 收藏
- 关注
原创 图片轮播--基于JS数组实现
之前发布过一款js图片轮播,是利用js调整margin来实现的轮播,代码、思路、逻辑比较复杂,今天介绍一款相当简单的图片轮播–基于JS数组实现。 设计思路: 定义一个数组mypic,用于存放三张图片地址,mypic[0]是第一张图片的地址,mypic[1]是第二张图片的地址,mypic[2]是第三张图片的地址。利用JS获取到的节点改变其src=mypic[i],做到图片变换。js代码:windo
2017-02-28 22:26:11 3804 1
原创 JS制作简单图片轮播--通过调整margin制作
图片轮播在网页中使用的非常广泛,制作的方法有很多,介绍一下我用调整margin来实现3张图片轮播功能。设计思路: 自动跳转。三张图片每隔3秒跳转一张,第三张图片跳转完成后,3秒后跳转至第一张图片。 鼠标控制。通过鼠标点击跳转按钮完成跳转。向左向右跳转,同上第3张后是第一张,相反方向时,第一张后是第三张。 注意实项。鼠标点击跳转时,自动跳转停止。 效果图如下:由于录屏软件原因导致效果不是很好。见谅开发
2017-02-25 23:08:16 1651
原创 Git 常用功能总结
常用的git命令总结mkdir xxxx //创建文件夹,文件夹的名字为xxxxgit init //初始化仓库git add '文件名.格式' //提交文件,可以一次提交多个,格式为git add '文件名1.格式' '文件名2.格式'git commit -m"message" //告诉git,文件提交到仓库, -m"message"为本次提交增加说明,message为说
2017-02-21 20:14:40 611
原创 Sticky Footer 让页脚紧贴页面底部
功能效果:当页面内容不超过当前屏幕高度时,页脚在屏幕的底部;当页面内容过多超过当前屏幕高度时,页脚在内容后面。图片效果演示: 当页面内容不超过当前屏幕高度时: 当页面内容过多超过当前屏幕高度时: 代码实现:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>demo</title> <style>
2017-02-19 16:05:25 818
原创 假期里入门JS的一些感受(一个小坑)
假期里JS入门小结无聊的假期结束了,浑浑噩噩的度过了寒假。假期里学习了一丢丢JS ,也遇到了一些坑,总结一下。1、let 和 var 背景描述: 我定义了三个li,想利用for循环来完成每个li标签对应的鼠标事件。 理想结果:当鼠标移动到某一个li时,执行当前li标签的鼠标事件函数。var oLi=document.getElementsByTagName('li');
2017-02-18 23:41:59 276
空空如也
360浏览器兼容模式下使用IP地址访问网页和使用域名访问展示效果不同
2017-05-22
TA创建的收藏夹 TA关注的收藏夹
TA关注的人