var speed = 80; var demo = document.getElementById("demo"); var demo1 = document.getElementById("demo1"); var demo2 = document.getElementById("demo2")...
分类：
其他好文 时间：
2015-07-17 15:54:52
阅读次数：
102
需求
呈现3D效果(2D素材)选择角色效果滚动保证层级，缩放比例，间距正常跟随循环滚动这个界面需求一般也会有游戏会采用(貌似有挺多)
如何实现
实现技术关键点
如何控制每个Item之间的间隔(位置)，缩放比例，差值平滑如何实现item层级关系正确显示("离" 屏幕近的层级高)如何实现循环滚动
下面一一讲述当前Demo采用的方法
说到实现的核心，需要知道Unity3D...
分类：
编程语言 时间：
2015-07-17 14:02:02
阅读次数：
195
无缝不间断图片垂直滚动效果:垂直滚动效果虽然使用频率没有水平滚动高，不过也有大量的使用，例如垂直滚动的友情链接效果，下面就结合实例简单介绍一下如何实现此效果，代码实例如下:图片友情链接上下滚动效果代码-蚂蚁部落 ...
分类：
其他好文 时间：
2015-07-16 21:59:37
阅读次数：
140
利用jQuery的animate() 方法，我们很容易实现滚动条的平滑滚动效果：$(function() { $('#top').click( function (e) { $('html, body').animate({scrollTop: '0px'}...
分类：
Web程序 时间：
2015-07-14 13:25:23
阅读次数：
635
回首望，曾经洋洋得意的代码现在不忍直视。曾经看起来碉堡的效果现在也能稍微弄点出来。社会在往前发展，人也不得不向前走。 参考于搜狗浏览器4.2版本首页的上下滚动效果。主要实现整个窗口的上下和左右滚动逻辑，还有很多可以拓展的空间。希望大家能多提意见与建议。 代码如下:HTMLwindow对象滚动插件 ....
产品图片无缝水平滚动效果代码:在众多的网站都有这样的效果，那就是产品图片可以不间断的无缝滚动，效果挺美观的，也给静态的页面增加了几分动感，也便利了浏览者查看产品，算是比较好的效果吧，下面就介绍一下如何实现此特效的，代码实例如下:蚂蚁部落 ...
分类：
其他好文 时间：
2015-07-09 21:09:22
阅读次数：
140
随着各种软件的升级，我们系统中的IE6也渐渐被淘汰了，目前主流的浏览器一半的用户已经从IE6直接升级到了IE8，虽然给用户更好的体验，上网更快更方便了，但是对网站制作来说，又是个比较麻烦的问题，因为很多网页代码在不同的浏览器内显示的效果不一样，兼容性控制比较难把握。 今天有个朋友问我为什么他在IE6...
分类：
其他好文 时间：
2015-07-08 16:21:02
阅读次数：
145
Codyhouse 收集了一组页面滚动效果，就是目前大家很常见的用户在浏览网页的时候。一些效果虽然极端，但如果你的目标是创建一个身临其境的用户体验，他们是非常有用的。所有的动画都使用 Velocity.js 创建。
分类：
其他好文 时间：
2015-07-02 14:00:55
阅读次数：
106
前段时间在搞移动终端（移动web）的项目，其中需要用到滚动的功能（html的滚动效果不好，且在低版本上不支持）。后面上网找了下资料，发现大部分人都在用iscroll4（下面简称v4）,下载下来试了下确实不错。在PC上滚动效果确定很好，在整合到移动web中，在部分机型（或者部分系统版本）上有卡顿，.....
分类：
其他好文 时间：
2015-06-29 00:15:09
阅读次数：
206
近些年讨论得很热烈的设计趋势是视觉差滚动效果。不管你喜不喜欢，很多网站都在用它。在本教程中，我会介绍视觉差滚动和用jQuery插件Stellar.js来制作视觉差滚动效果。 视差滚动（Parallax Scrolling）是什么？ 视差滚动是当用户滚动页面时，前景和背景以不同的速度移动，从而创造.....
分类：
Web程序 时间：
2015-06-27 11:34:19
阅读次数：
160
