论坛首页 Web前端技术论坛

scroll.js(无缝滚动)

浏览 15275 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2006-10-28  
演示:
http://www.quansou.com/scroll/scroll.html
<!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>

		<title>div setAttribute("scroll") to marquee (author:shqlsl; QQ:628558 msn:shqlsl@hotmail)</title>

		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="title" content="" />
		<meta name="author" content="" />
		<meta name="subject" content="" />
		<meta name="language" content="en" />
		<meta name="keywords" content="" />
 <script language="JavaScript" src="scroll.js"></script>
 <!--只要在 div 上加一个scroll="width,height,speed,direction"; 宽,高,速度 都是数值; 方向(y表示纵向,x表示横向)--> 
 <!--(shqlsl飞鱼制作 QQ:628558 2006年10-28 02:39)-->
	</head>
	
		<body>
         
			<div  scroll="100,150,150,y" s=0 style="font:12px/1.5 宋体; text-align:left;"><p>Gramps 
Got Links? Gramps sure does.
Don't misunderstand. Gramps has traveled to a lot of interesting places. It's just that he repeats himself. A lot. We've taped a list of his most interesting Java related travels on the back of his rocker. We suggest you check the list while Gramps is napping.
<p><p>
 
  Granny 
Granny's Pearls of Coding Wisdom
Granny has been writing code since the old days and she has a few pearls of wisdom that can make your coding life a lot easier. So take a few minutes and pay close attention.
</p>
 <p>
  Tack Room 
No one should be out on the range without their vital JavaRanch supplies. T-shirts, caps, lunch bags, and mugs will keep you ready whether you are out on a cattle drive or just dropping in to the saloon.
 </p><p>
 
 
 

The JavaRanch Family
Wonder what makes the whole thingy tick?
Why it's our wonderful extended Family.
Come on in and see who we are!
Get the lowdown on all the Bartenders and Sheriffs!
</p><p>

			</div>
			<div  scroll="200,200,15,y" style="font:12px/2 宋体; text-align:left;"><img src="http://bbs.51js.com/images/default/logo.gif"/><br/>
			<img src="http://bbs.51js.com/images/default/logo.gif"/><br/>
			<img src="http://bbs.51js.com/images/default/logo.gif"/><br/>
			<img src="http://bbs.51js.com/images/default/logo.gif"/><br/>
			</div>
             
            <p>
			<div  scroll="250,75,10,x" style="margin:0; padding:0;font:12px/2 宋体; text-align:left;"><img src="http://bbs.51js.com/images/default/logo.gif"/><img src="http://bbs.51js.com/images/default/logo.gif"/><img src="http://bbs.51js.com/images/default/logo.gif"/><img src="http://bbs.51js.com/images/default/logo.gif"/>
			</div>
			</p>
			
			<div  scroll="450,75,10,x" style="margin:0; padding:0;font:12px/2 宋体; text-align:left;"><img src="http://www.im286.com/images/im286/logo.gif"/><img src="http://www.im286.com/images/im286/logo.gif"/><img src="http://286.cc/pic/2312.cn.gif"/><img src="http://www.im286.com/images/im286/logo.gif"/><img src="http://www.discuz.net/images/logo.gif"/>
			<img src="http://www.im286.com/images/im286/logo.gif"/><img src="http://286.cc/pic/2312.cn.gif"/><img src="http://www.im286.com/images/im286/logo.gif"/><img src="http://www.discuz.net/images/logo.gif"/>
			</div>

			<div scroll="300,25,10,x" style="margin:0; padding:0;font:12px/2 宋体; text-align:left;">
			<a href="#">Get 'yer code samples here!</a> <a href="#">Get 'yer code samples here!</a> <a href="#">Get 'yer code samples here!</a> <a href="#">Get 'yer code samples here!</a><a href="#">Get 'yer code samples here!</a> <a href="#">Get 'yer code samples here!</a> <a href="#">Get 'yer code samples here!</a> <a href="#">Get 'yer code samples here!</a><a href="#">Get 'yer code samples here!</a> <a href="#">Get 'yer code samples here!</a> <a href="#">Get 'yer code samples here!</a> <a href="#">Get 'yer code samples here!</a><a href="#">Get 'yer code samples here!</a> <a href="#">Get 'yer code samples here!</a> <a href="#">Get 'yer code samples here!</a> <a href="#">Get 'yer code samples here!</a>
			</div>
			<script>
	       
	   
	   </script>



		</body>
	
	</html>
   发表时间:2006-10-28  
文字的滚动貌似效果还欠缺点.
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics