郑州网页设计培训
郑州网页美工培训
郑州UI设计培训
郑州淘宝美工培训
网页设计中无缝向左滚动代码
发布时间:2013-12-10 08:52:00

很多学员在设计网页的时候想要制作一个无缝向左滚动的效果,这时候手写代码的话不是太好写的,其实网上有很多这样的代码我们搜一下就可以拿来用的。

  其实网页设计中的图片向左滚动的代码也是很好写的,这种代码一般都是通过js控制滚动的,这时候要用到css定位滚动的位置然后用jquery插件设置滚动的一些属性的,因为用jquery插件可以很好的兼容各大浏览器的。

  还有一种就是用单纯的marquee 让图片进行无缝循环滚动,主要就是通过一个设定宽度并且隐藏超出它宽度的内容的容器demo,里面放demo1和demo2,demo1是滚动内容,demo2为demo1的直接克隆,通过不断改变demo1的scrollTop或者scrollLeft太到滚动的目的,当滚动至demo1与demo2的交界处时直接跳回初始位置,因为demo1与demo2一样,所以分不出跳动的瞬间,从而达到“无缝”滚动。

联系地址

郑州金水区东风路文化路向西200米路北汇宝大厦5楼501

联系电话

0371-63218905 13613841515(徐老师)

CopyRight 2005--2013 © xueweb.cn 版权所有:郑州清新教育电脑设计培训学校 Tel:0371-63218905 13613841515 客服QQ:800060586