你有了解过新闻页面滚动效果是怎样实现的么?

POST TIME: 2017-07-15 18:20:17

很多网站中的页面都有滚动头条,具体是如何实现的呢?

首先,他的大致结构是由两个div,一个ul组成。css样式很简单,这里主要用到了position定位跟overflow。

接下来就是jq了,具体写法:

这里是由动画animate来执行的,每次滚动50像素,需要注意的是当ul向上滚动负50像素的时候,需要将他的样式再重新拉回到0像素,就是他的原出发点。

最后效果图。


如果您想了解更多,或有建网站的想法,请访问我们官方网站(www.ynxy999.com)。


文章转载请注明出处:https://ynxy999.com/Article/view/id/2784.shtml

阿里巴巴产品怎么优化标题如何区分模板站和手工开发的网站

告诉我们您的需求

 我们将在一个工作日之内回复您
昆明地址:新闻路429号文化空间25层1055711410
安宁地址:安宁市县街镇麒麟路17号云南经济管理学院图书馆406室、305室ynxy999_com
免费热线:15287195860
售前热线:0871-68034467-999

Copyright 2011-2019,All Rights Reserved ynxy999.com co.ltd.云南炫烨科技有限公司 Powered by ynxy999.com 滇公网安备 53010202000225号  滇ICP备15002943号  [技术支持昆明锦华科技]