1.0.1 • Published 5 years ago

ocean-slide-top v1.0.1

Weekly downloads
-
License
ISC
Repository
-
Last release
5 years ago

ocean-slide-top

The command line app for ocean-bg-slider

Install

$ npm i ocean-scroll-top

Features

  • 内容无限自动往上翻,类似于滚动新闻

Usage

1、js中导入

import 'ocean-slide-top'

2、dom结构

	<div class="myscroll">
		<ul>
			<li><a href="#68.html">用FlexSlider制作支付宝2013版幻灯片</a></li>
			<li><a href="#67.html">扁平化UI/Flat UI Kit(PSD)</a></li>
			<li><a href="#66.html">童趣卡通圣诞老人矢量素材(EPS)</a></li>
			<li><a href="#65.html">63个线性图标素材(PSD)</a></li>
			<li><a href="#64.html">15个音乐类图标素材(AI)</a></li>
			<li><a href="#63.html">jQuery侧边导航插件SidebarJS</a></li>
			<li><a href="#62.html">jQuery计时器插件TimeCircles</a></li>
			<li><a href="#61.html">jQuery仿Google Play幻灯片效果插件plusview</a></li>
			<li><a href="#60.html">100个圣诞节矢量图标(PSD/SVG)</a></li>
			<li><a href="#59.html">用FlexSlider制作《枪神纪》幻灯片效果</a></li>
			<li><a href="#68.html">用FlexSlider制作支付宝2013版幻灯片</a></li>
			<li><a href="#67.html">扁平化UI/Flat UI Kit(PSD)</a></li>
			<li><a href="#66.html">童趣卡通圣诞老人矢量素材(EPS)</a></li>
			<li><a href="#65.html">63个线性图标素材(PSD)</a></li>
			<li><a href="#64.html">15个音乐类图标素材(AI)</a></li>
			<li><a href="#63.html">jQuery侧边导航插件SidebarJS</a></li>
			<li><a href="#62.html">jQuery计时器插件TimeCircles</a></li>
			<li><a href="#61.html">jQuery仿Google Play幻灯片效果插件plusview</a></li>
			<li><a href="#60.html">100个圣诞节矢量图标(PSD/SVG)</a></li>
			<li><a href="#59.html">用FlexSlider制作《枪神纪》幻灯片效果</a></li>
		</ul>
	</div>

按常规设置自己的css

3、script

<script>
	$(function(){
		$('.myscroll').myScroll({
			speed: 40, //数值越大,速度越慢
			rowHeight: 26 //li的高度
		});
	});
</script>