代码： <!DOCTYPE HTML><html><head> <meta charset="utf-8"> <title>无标题文档</title> <style> * { margin: 0; padding: 0; } #div1 { width: 712px; height: 108px;
分类：
其他好文 时间：
2016-03-11 14:07:08
阅读次数：
152
很多时候只看别人的代码时很难看懂。有很多原因，有时候可能是没有耐心，这时候看一下实现的原理就很快明白代码的内容，所以要加些注释，让自己让别人都能看明白；有的时候就是因为知识有限就是不懂，哪怕代码很简单，这就需要多学习了 <!DOCTYPE html> <html> <head> <title>滚动公
分类：
Web程序 时间：
2016-02-26 16:53:10
阅读次数：
190
<!DOCTYPE HTML> <html> <head> <meta charset="gb2312" /> <title></title> <style> ul { margin:100px; height:22px; border:1px solid red; overflow:hidden;
分类：
Web程序 时间：
2016-02-26 12:22:38
阅读次数：
145
向上下左右不间断无缝滚动图片的效果(兼容火狐和IE)
分类：
其他好文 时间：
2016-01-14 00:52:24
阅读次数：
201
产品图片无缝水平滚动效果代码:在众多的网站都有这样的效果，那就是产品图片可以不间断的无缝滚动，效果挺美观的，也给静态的页面增加了几分动感，也便利了浏览者查看产品，算是比较好的效果吧，下面就介绍一下如何实现此特效的，代码实例如下:蚂蚁部落 以上代码实现了图片无缝滚动效果，下...
分类：
其他好文 时间：
2015-12-31 10:19:29
阅读次数：
138
js无缝滚动效果几乎在任何网页上都能看到它的身影，有的可能是使用插件，其实使用原始的javascript比较简单。主要的是使用js位置知识。1.innerHTML:设置或获取元素的html标签2.scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距3.offsetWid...
分类：
编程语言 时间：
2015-12-23 14:15:38
阅读次数：
213
让一个div每隔30毫秒向左移动30px 注意offsetLeft为元素距离屏幕的左边距。利用移动，我们可以做一个无缝滚动的小控件 上面的移动是从右向左滚，如果我们想从左往右滚呢？当鼠...
分类：
Web程序 时间：
2015-12-22 07:54:37
阅读次数：
215
声明：第一次写原创，本人初学，很多地方一知半解，本篇算是一个学习的笔记，欢迎批评指正，转载请注明。今天要做的效果是在网上经常能看到多幅图片向左无缝滚动，鼠标滑过动画暂停，鼠标滑出动画继续的效果。网上现成的代码和插件很多，拿来用有时候不大顺手，今天我就来学习一下它的原理。要实现这个效果：1、需要一个展...
分类：
Web程序 时间：
2015-12-16 17:15:08
阅读次数：
164
结合下学了的知识，做个模拟的综合性扩展练习~~ 大致功能如下：1、点开html后，图片自动移动展示2、点击左右方向，可以改变 图片移动的方向(改变left的值，正负)3、鼠标移入移出图片后，图片暂停移动(setInterval,clearInterval)4、鼠标移到图片上，高亮（a:hover）5...
分类：
Web程序 时间：
2015-12-11 18:38:43
阅读次数：
134
