消息公告滚动插件

Html

Css



    
        系统公告：

#topbar {
	/* height:60px;
	*/
    overflow:hidden;
}
.rolling-notice {
	/* margin:18px 0 0 10px;
	*/
    float:left;
}
.rolling-notice .notice-title {
	float:left
}
.rolling-notice .notice-list {
	list-style:none;
	margin:0;
	padding:0;
	overflow:hidden;
	height:1.5em;
	position:relative;
	width:50em;
}
.rolling-notice .notice-list li {
	list-style:none;
	margin:0;
	padding:0;
	overflow:hidden;
	height:1.5em;
	position:relative;
}

(function(window) {
    function mintTabify(el) {
        var tabs = $(el).find(".nav-tabs li").toArray();
        var currentTab = tabs[0];
        var currentPane = document.getElementById(currentTab.getElementsByTagName("a")[0].href.split("#")[1]);

for (var i = 0, len = tabs.length; i < len; i++) {
            (function(tab) {
                var link = tab.getElementsByTagName("a")[0];
                tab.pane = document.getElementById(link.href.split("#")[1]);
                link.onclick = function() {
                    currentTab.className = currentTab.className.replace("active", "");
                    currentTab = tab;
                    currentTab.className += " active";

currentPane.className = currentPane.className.replace("active", "");
                    currentPane = currentTab.pane;
                    currentPane.className += " active";
                    return false;
                };
            })(tabs[i]);
        };
    };

$.fn.mintTabify = function() {
        return this.each(function() {
            mintTabify(this);
        });
    };
})(window);

})

/***
 * 循环跳动
 */
function announceArray() {
    if (array.length > 0) {
        for (var i = 0; i < array.length; i++) {
            $("<li class='line-limit-length'>" + array[i].noticeContent + "</li>").appendTo($("#announce"));
        }
    } else {
        $("<li>暂无消息!</li>").appendTo($("#announce"));
    }
}

/***
 * 消息滚动
 */
function announceNoticeList() {
    //滚动公告
    var $noticeList = $(".notice-list");
    var $noticeItems = $noticeList.children();
    var noticeIndex = 0;
    $noticeItems.css("position", "absolute").slice(1).remove();

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

立即下载

消息公告滚动插件



代码描述：代码很少的滚动插件

该插件主要用在系统首页，让系统消息公告滚动展示

0

最新

发表评论全部评论

暂时没有评论！

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

Cute*baby?monkey??

相关代码

消息公告滚动插件

最新