テキストループを上にスクロール

1460 ワード




	
		
		
		
		<script src="js/mui.min.js"/>
		<style>
			* {
				margin: 0;
				padding: 0;
			}
			
			.myscroll {
				width: 300px;
				height: 50px;
				margin: 100px auto;
				border: 1px solid #ccc;
				line-height: 26px;
				font-size: 12px;
				overflow: hidden;
			}
			
			.myscroll li {
				height: 26px;
				margin-left: 25px;
			}
			
			.myscroll a {
				color: #333;
				text-decoration: none;
			}
			
			.myscroll a:hover {
				color: #ED5565;
				text-decoration: underline;
			}
		</style>
		<link href="css/mui.min.css" rel="stylesheet"/>	
	

	
		<div class="myscroll">
			<ul>
				<li>
					 FlexSlider 2013 
				</li>
				<li>
					 FlexSlider 2013 
				</li>
			</ul>
		</div>
		
		<script src="js/jquery-1.8.3.min.js"/>
		<script src="js/scroll.js"/>
		<script type="text/javascript" charset="utf-8">
			mui.init();
			$(function() {
				$('.myscroll').myScroll({
					speed: 40, // , 
					rowHeight: 26 //li 
				});
			});
		</script>
	

</code></pre> 
  <br/> 
 </div> 
</div>
                            </div>
                        </div>