Marquee Jquery Plugin

最近要做一个跑马灯效果,踩了不少的坑,想写出来,但是没有代码又无从说起。所以程序员跟人聊天的基础是代码,而诗人、音乐家、作家的产物都是大众化的,受众更多,更容易被大众欣赏接纳。

而程序员踩的坑过多往往会暴露自己的实力不足,实在不是好事。

编写jQuery插件的关键

编写jQuery插件的关键是返回this对象以保证jQuery经典的链式调用语法,网上一搜发现好多别人写得很好的文章,我这里就不多说了,可以到文末查看参考链接。

跑马灯的关键

marquee标签虽然功能强大,但是被弃用了,所以只能通过滚动来实现。而且要实现首尾相连无缝滚动的话,就需要用到一个诀窍,将需要滚动的内容进行复制,作为视觉上的欺骗。下面直接看demo吧。

Demo

参考链接

https://github.com/jnoodle/plugin-templates/blob/master/jQuery-plugin-template.md

http://www.cnblogs.com/rubylouvre/archive/2009/10/01/1577219.html

曾小乱

作者: 曾小乱

喜欢写点有意思的东西

发表评论

电子邮件地址不会被公开。 必填项已用*标注

This site uses Akismet to reduce spam. Learn how your comment data is processed.