Html
    Css
    Js
html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,img {
	margin:0;
	padding:0;
}
ul,ol {
	list-style:none;
}
a {
	color:#666;
	text-decoration:none;
}
h3 {
	margin:0 auto;
	width:750px;
	margin-top:200px;
}
.box {
	width:750px;
	margin:0 auto;
	height:500px;
	padding-top:50px;
}
/* 核心CSS --下面*/
        .scroll-wrap {
	position:relative;
	width:100%;
	overflow:hidden;
}
#scroll {
	position:absolute;
	top:0px;
	left:0px;
}
/* 核心CSS --上面 */
        #scroll li {
	font-size:30px;
}
/* 核心CSS */

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

jQuery新闻滚动插件,不用设置高度,完全自调用

更新时间:2019-10-21 00:20:12

插件基于jquery手写,写此插件的由来,是jq22上的很多插件不满足作者需求,每个差价每次都要让改li的高度才能用,如果文字变大,就会显得不正常。

这款插件的ul滚动高度,是动态获取li的高度来走的,而且显示框也是获取的li的高度,除了滚动时间,其他数据没有一个是死的,完全灵活滚动。

用法:此款插件只有2个类控制的核心css代码,和一个js

用户下载之后,只需拷贝里面的代码即可使用,css可修改。

0