倒计时 效果： 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>倒计时函数</title> <script> var timer=(function(){ return function (json) ...
分类：
Web程序 时间：
2016-06-30 12:29:44
阅读次数：
282
倒计时 效果： 代码： 注意点： 1.有两个功能：当前时间和倒计时，带的参数不同 2.主要是利用js返回的数据，要注意月份，某天，小时，分钟，返回的数值区间 3.星期的我这边用数组处理了 4.倒计时主要是计算时间差，结束时间减去当前时间的秒数，在进行数学计算 5.这里用了闭包，防止多个定时器冲突 6 ...
分类：
Web程序 时间：
2016-06-29 13:20:50
阅读次数：
297
横向滚动、纵向滚动 1. 解决滚动的空白 向左向右滚动的话，可以根据父级定位left，每次加或者减可以使物体向左或右运动，用top也可以实现向上或向下运动 上下滚动实现无缝滚动1. innerHTML2. scrollTop3. offsetHeight4. setInterval()5. clea ...
分类：
其他好文 时间：
2016-06-23 00:50:01
阅读次数：
145
无缝滚动的重点是复制图片当辅助图，然后用一个图片的宽度乘图片的数量，滚动图片，当图片运动到大于总宽度的一半时候瞬间回到0。 代码地址：https://github.com/peng666/blogs/tree/gh-pages/move 在线测试地址：http://peng666.github.io ...
分类：
其他好文 时间：
2016-06-10 21:40:42
阅读次数：
126
随便打开一个网页，基本上都会看到无缝滚动或者轮播图，比如淘宝还有360官网的首页 观察这些轮播图可以发现图片可以来回循环地切换，那么是怎样做到的呢？ 做到轮播图或者说无缝滚动主要有两种方式，一种是通过对图片的明暗即透明图的改变来显示或隐藏图片，另一种是通过运动框架，将图片显示在可视区域。这两种方式都 ...
分类：
Web程序 时间：
2016-06-09 14:39:58
阅读次数：
237
<!doctype html><html> <head> <!--声明当前页面的编码集：charset=gbk,gb2312(中文编码)，utf-8国际编码--> <meta http-equiv="Content-Type" content="text/html; charset=gbk"> <! ...
分类：
其他好文 时间：
2016-06-07 14:29:31
阅读次数：
203
二、无缝滚动 如上图所示，现在很多网页都会实现这样的效果；它是如何实现的呢？ 1、布局 注意如果想让一个div的位置发生改变，则最好给这个div加上一个绝对定位：position：absolute； obj.offsetLeft 指 obj 相对于版面或由 offsetParent 属性指定的父坐标 ...
分类：
Web程序 时间：
2016-05-25 21:58:45
阅读次数：
210
<!doctype html> <title>javascript无缝滚动</title> <meta charset="utf-8"/> <meta name="keywords" content="javascript无缝滚动" /> <meta name="description" conte ...
分类：
编程语言 时间：
2016-05-16 17:14:56
阅读次数：
169
