本帖最后由 u013546284 于 2014-01-25 15:06:38 编辑
http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_transition
上面那个w3c网站的过渡效果得鼠标移动到上面上去才会改变 我想实现跟下面网站开头那个文字过渡效果 得怎么搞?
http://www.cheapmortgages.com/
回复讨论(解决方案)


there were 51,193 mortgage approvals in september totalling £7.25 billion
已测



there were 51,193 mortgage approvals in september totalling £7.25 billion
已测
我晚上看看 我有事 走开下



there were 51,193 mortgage approvals in september totalling £7.25 billion
已测
我要的过渡是一点点像素的显示 你这不是一个个的在打印字符么...
给个提示，这是一个div，css样式overflow为hidden
通过js改变其宽度来达到效果，为了流畅可使用window.requestanimationframe(改变宽度的function)来使刷新率和屏幕相同
给个提示，这是一个div，css样式overflow为hidden
通过js改变其宽度来达到效果，为了流畅可使用window.requestanimationframe(改变宽度的function)来使刷新率和屏幕相同
刚刚看了下网站源码，这个网站用的方法是在上面覆盖一个背景为白色的div然后使其移动来达到效果，实现起来稍微更复杂一点点
给个提示，这是一个div，css样式overflow为hidden
通过js改变其宽度来达到效果，为了流畅可使用window.requestanimationframe(改变宽度的function)来使刷新率和屏幕相同
刚刚看了下网站源码，这个网站用的方法是在上面覆盖一个背景为白色的div然后使其移动来达到效果，实现起来稍微更复杂一点点
至于自动播放可以将js代码放在div代码下面，里边直接写window.requestanimationframe(改变宽度的function)就可以了
另外如果不想使用js则可以使用css3的animation来实现，不过对低版本的浏览器兼容性不好
insert title here
我要的过渡是一点点像素的显示 你这不是一个个的在打印字符么

给个提示，这是一个div，css样式overflow为hidden
通过js改变其宽度来达到效果，为了流畅可使用window.requestanimationframe(改变宽度的function)来使刷新率和屏幕相同
刚刚看了下网站源码，这个网站用的方法是在上面覆盖一个背景为白色的div然后使其移动来达到效果，实现起来稍微更复杂一点点
至于自动播放可以将js代码放在div代码下面，里边直接写window.requestanimationframe(改变宽度的function)就可以了
另外如果不想使用js则可以使用css3的animation来实现，不过对低版本的浏览器兼容性不好
非常感谢!!!!