<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>网站前端,web前端,前端脚本,前端优化&#124;时代前端 &#187; 滚动</title>
	<atom:link href="http://www.52shidai.com/tag/%e6%bb%9a%e5%8a%a8/feed" rel="self" type="application/rss+xml" />
	<link>http://www.52shidai.com</link>
	<description>网站前端研究中心</description>
	<lastBuildDate>Thu, 02 Feb 2012 03:36:54 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>无缝滚动js代码-纵向和横向两种</title>
		<link>http://www.52shidai.com/javascript/374.html</link>
		<comments>http://www.52shidai.com/javascript/374.html#comments</comments>
		<pubDate>Thu, 08 Apr 2010 06:32:11 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[无缝]]></category>
		<category><![CDATA[横向]]></category>
		<category><![CDATA[滚动]]></category>
		<category><![CDATA[纵向]]></category>

		<guid isPermaLink="false">http://www.52shidai.com/?p=374</guid>
		<description><![CDATA[js无缝滚动效果，可应用于图片，文字等等，也可以做广告展示哦,鼠标放到图片上还会停止的。 &#60;!DOCTYPE html PUBLIC &#34;-//W3C//Dtd XHTML 1.0 Transitional//EN&#34; &#34;http://www.w3.org/tr/xhtml1/Dtd/xhtml1-transitional.dtd&#34;&#62; &#60;html xmlns=&#34;http://www.w3.org/1999/xhtml&#34;&#62; &#60;head&#62; &#60;meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=gb2312&#34; /&#62; &#60;title&#62;无缝滚动&#60;/title&#62; &#60;style type=&#34;text/css&#34;&#62; img{ border:0; height:100px; width:150px; } td img{ margin:0 10px; } &#60;/style&#62; &#60;/head&#62; &#60;body&#62; &#60;!-- 纵向向无缝滚动--&#62; &#60;div id=&#34;demo&#34; style=&#34;overflow:hidden;height:350px;width:200px&#34;&#62; &#60;div id=&#34;demo1&#34;&#62; &#60;a href=&#34;#&#34; target=&#34;_blank&#34;&#62;&#60;img src=&#34;http://www.bestjia.com/site/attachments/2010/03/15_20100324132118122ni.jpg&#34;&#62;&#60;/a&#62;&#60;p&#62; &#60;a href=&#34;#&#34; target=&#34;_blank&#34;&#62;&#60;img src=&#34;http://www.bestjia.com/site/attachments/2010/03/15_20100324132118122ni.jpg&#34;&#62;&#60;/a&#62;&#60;p&#62; &#60;a href=&#34;#&#34; target=&#34;_blank&#34;&#62;&#60;img src=&#34;http://www.bestjia.com/site/attachments/2010/03/15_20100324132118122ni.jpg&#34;&#62;&#60;/a&#62;&#60;p&#62; &#60;a href=&#34;#&#34; target=&#34;_blank&#34;&#62;&#60;img [...]]]></description>
			<content:encoded><![CDATA[<p>js<span class='wp_keywordlink_affiliate'><a href="http://www.52shidai.com/tag/%e6%97%a0%e7%bc%9d" title="查看 无缝 中的全部文章" target="_blank">无缝</a></span><span class='wp_keywordlink_affiliate'><a href="http://www.52shidai.com/tag/%e6%bb%9a%e5%8a%a8" title="查看 滚动 中的全部文章" target="_blank">滚动</a></span>效果，可应用于图片，文字等等，也可以做广告展示哦,鼠标放到图片上还会停止的。</p>
<div class="runcode">
<p><textarea name="runcode" style="height:250px;width:620px;font-size:12px" class="runcode_text" id="runcode_rt2WkD">
&lt;!DOCTYPE html PUBLIC &quot;-//W3C//Dtd XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/tr/xhtml1/Dtd/xhtml1-transitional.dtd&quot;&gt;
&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
&lt;head&gt;
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=gb2312&quot; /&gt;
&lt;title&gt;无缝滚动&lt;/title&gt;
&lt;style type=&quot;text/css&quot;&gt;
img{
border:0;
height:100px; width:150px;
}
td img{
margin:0 10px;
}
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;!-- 纵向向无缝滚动--&gt;
&lt;div id=&quot;demo&quot; style=&quot;overflow:hidden;height:350px;width:200px&quot;&gt;
&lt;div id=&quot;demo1&quot;&gt;
&lt;a href=&quot;#&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://www.bestjia.com/site/attachments/2010/03/15_20100324132118122ni.jpg&quot;&gt;&lt;/a&gt;&lt;p&gt;
&lt;a href=&quot;#&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://www.bestjia.com/site/attachments/2010/03/15_20100324132118122ni.jpg&quot;&gt;&lt;/a&gt;&lt;p&gt;
&lt;a href=&quot;#&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://www.bestjia.com/site/attachments/2010/03/15_20100324132118122ni.jpg&quot;&gt;&lt;/a&gt;&lt;p&gt;
&lt;a href=&quot;#&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://www.bestjia.com/site/attachments/2010/03/15_20100324132118122ni.jpg&quot;&gt;&lt;/a&gt;&lt;p&gt;
&lt;a href=&quot;#&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://www.bestjia.com/site/attachments/2010/03/15_20100324132118122ni.jpg&quot;&gt;&lt;/a&gt;&lt;p&gt;
&lt;a href=&quot;#&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://www.bestjia.com/site/attachments/2010/03/15_20100324132118122ni.jpg&quot;&gt;&lt;/a&gt;&lt;p&gt;
&lt;a href=&quot;#&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://www.bestjia.com/site/attachments/2010/03/15_20100324132118122ni.jpg&quot;&gt;&lt;/a&gt;&lt;p&gt;
&lt;a href=&quot;#&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://www.bestjia.com/site/attachments/2010/03/15_20100324132118122ni.jpg&quot;&gt;&lt;/a&gt;&lt;p&gt;
&lt;a href=&quot;#&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://www.bestjia.com/site/attachments/2010/03/15_20100324132118122ni.jpg&quot;&gt;&lt;/a&gt;&lt;p&gt;
&lt;a href=&quot;#&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://www.bestjia.com/site/attachments/2010/03/15_20100324132118122ni.jpg&quot;&gt;&lt;/a&gt;&lt;p&gt;
&lt;/div&gt;
&lt;div id=&quot;demo2&quot;&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;script&gt;
var speed=40;
var demo2=document.getElementById(&quot;demo2&quot;);
var demo1=document.getElementById(&quot;demo1&quot;);
var demo=document.getElementById(&quot;demo&quot;);
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop&lt;=0)
demo.scrollTop-=demo1.offsetHeight;
else{
demo.scrollTop++;
}
}
var MyMar=setInterval(Marquee,speed);
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
&lt;/script&gt;
&lt;!-- 横向无缝滚动--&gt;
&lt;div style=&quot;margin-top:20px;&quot;&gt;
&lt;div id=&quot;scroll_div&quot; style=&quot;overflow: hidden; WIDTH: 778px;&quot; align=center&gt;
&lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;&gt;
  &lt;tr&gt;
    &lt;td id=&quot;scroll_begin&quot;&gt;
	&lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;http://www.bestjia.com/site/attachments/2010/03/15_20100324132118122ni.jpg&quot; border=0&gt;&lt;/a&gt;&lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;http://www.bestjia.com/site/attachments/2010/03/15_20100324132118122ni.jpg&quot; border=0&gt;&lt;/a&gt;&lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;http://www.bestjia.com/site/attachments/2010/03/15_20100324132118122ni.jpg&quot; border=0&gt;&lt;/a&gt;&lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;http://www.bestjia.com/site/attachments/2010/03/15_20100324132118122ni.jpg&quot; border=0&gt;&lt;/a&gt;&lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;http://www.bestjia.com/site/attachments/2010/03/15_20100324132118122ni.jpg&quot; border=0&gt;&lt;/a&gt;&lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;http://www.bestjia.com/site/attachments/2010/03/15_20100324132118122ni.jpg&quot; border=0&gt;&lt;/a&gt;&lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;http://www.bestjia.com/site/attachments/2010/03/15_20100324132118122ni.jpg&quot; border=0&gt;&lt;/a&gt;&lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;http://www.bestjia.com/site/attachments/2010/03/15_20100324132118122ni.jpg&quot; border=0&gt;&lt;/a&gt;&lt;/td&gt;
    &lt;td id=&quot;scroll_end&quot;&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;/table&gt;
&lt;/div&gt;&lt;/div&gt;
&lt;script&gt;
var speed1=40
var scroll_end = document.getElementById(&quot;scroll_end&quot;);
var scroll_div = document.getElementById(&quot;scroll_div&quot;);
scroll_end.innerHTML=scroll_begin.innerHTML
function Marquee1(){
if(scroll_end.offsetWidth-scroll_div.scrollLeft&lt;=0)
scroll_div.scrollLeft-=scroll_begin.offsetWidth
else{
scroll_div.scrollLeft++
}
}
var MyMar1=setInterval(Marquee1,speed1)
scroll_div.onmouseover=function() {clearInterval(MyMar1)}
scroll_div.onmouseout=function() {MyMar1=setInterval(Marquee1,speed1)}
&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</textarea></p>
<p><input type="button" value="运行" class="runcode_button" onclick="runcode_open_new('runcode_rt2WkD');"/> <input type="button" value="复制" class="runcode_button" onclick="runcode_copy('runcode_rt2WkD');"/> <input type="button" value="另存代码" class="runcode_button" onclick="saveCode('runcode_rt2WkD','runcode_rt2WkD');"/> 提示：你可以先修改部分代码再运行。</p>
</div>
<p>还有一个jquery版本的，代码差不多。</p>
<div class="runcode">
<p><textarea name="runcode" style="height:250px;width:620px;font-size:12px" class="runcode_text" id="runcode_lSA6Hb">
&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;
&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
&lt;head&gt;
    &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;
    &lt;title&gt;JS图片向左滚动&lt;/title&gt;
    &lt;style type=&quot;text/css&quot;&gt;
    img{
    border: none;
    }
    &lt;/style&gt;
    &lt;!-- 这句话不能少，记得把jquery.js文件放在当前页面的同一目录中 --&gt;
    &lt;script src=&quot;http://public.bestjia.com/v100106/js/default/jquery.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div id=&quot;demo&quot; style=&quot;overflow:hidden;width:500px;&quot;&gt;
  &lt;table border=0 align=center cellpadding=1 cellspacing=1 cellspace=0 &gt;
    &lt;tr&gt;
      &lt;td id=&quot;demo1&quot; valign=&quot;top&quot; bgcolor=&quot;ffffff&quot;&gt;
      &lt;!-- 特别注意，下面的图片总宽度必须大于上面定义的demo的宽度，如上面demo的宽度为500px,则下面图片总宽度必须大于500,否则会出现些问题！ --&gt;
          &lt;table border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;
          &lt;tr align=&quot;center&quot;&gt;
            &lt;td&gt;&lt;a href=&quot;#&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://www.bestjia.com/site/attachments/2010/03/15_20100324132118122ni.jpg&quot; width=&quot;150&quot; height=&quot;100&quot;&gt;&lt;/a&gt;&lt;/td&gt;
            &lt;td&gt;&lt;a href=&quot;#&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://www.bestjia.com/site/attachments/2010/03/15_20100324132118122ni.jpg&quot; width=&quot;150&quot; height=&quot;100&quot;&gt;&lt;/a&gt;&lt;/td&gt;
            &lt;td&gt;&lt;a href=&quot;#&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://www.bestjia.com/site/attachments/2010/03/15_20100324132118122ni.jpg&quot; width=&quot;150&quot; height=&quot;100&quot;&gt;&lt;/a&gt;&lt;/td&gt;
            &lt;td&gt;&lt;a href=&quot;#&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://www.bestjia.com/site/attachments/2010/03/15_20100324132118122ni.jpg&quot; width=&quot;150&quot; height=&quot;100&quot;&gt;&lt;/a&gt;&lt;/td&gt;
            &lt;td&gt;&lt;a href=&quot;#&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://www.bestjia.com/site/attachments/2010/03/15_20100324132118122ni.jpg&quot; width=&quot;150&quot; height=&quot;100&quot;&gt;&lt;/a&gt;&lt;/td&gt;
          &lt;/tr&gt;
        &lt;/table&gt;
      &lt;/td&gt;
      &lt;td id=&quot;demo2&quot; valign=&quot;top&quot;&gt;&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
&lt;/div&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
var speed=30;
var demo = $(&quot;#demo&quot;);
var demo1 = $(&quot;#demo1&quot;);
var demo2 = $(&quot;#demo2&quot;);
demo2.html(demo1.html());
function Marquee(){
    if(demo.scrollLeft()&gt;=demo1.width())
        demo.scrollLeft(0);
    else{
        demo.scrollLeft(demo.scrollLeft()+1);
    }
}
var MyMar=setInterval(Marquee,speed)
demo.mouseover(function() {
    clearInterval(MyMar);
} )
demo.mouseout(function() {
    MyMar=setInterval(Marquee,speed);
} )
function fun1(){
    alert(demo.scrollLeft());
}
function fun2(){
    alert(demo1.width());
}
&lt;/script&gt;
&lt;input type=&quot;button&quot;  value=&quot;显示demo.scrollLeft()&quot; onclick=&quot;fun1();&quot;/&gt;
&lt;input type=&quot;button&quot;  value=&quot;显示demo1.width())&quot; onclick=&quot;fun2();&quot;/&gt;
&lt;/body&gt;
&lt;/html&gt;
</textarea></p>
<p><input type="button" value="运行" class="runcode_button" onclick="runcode_open_new('runcode_lSA6Hb');"/> <input type="button" value="复制" class="runcode_button" onclick="runcode_copy('runcode_lSA6Hb');"/> <input type="button" value="另存代码" class="runcode_button" onclick="saveCode('runcode_lSA6Hb','runcode_lSA6Hb');"/> 提示：你可以先修改部分代码再运行。</p>
</div>
<h2  class="related_post_title">您可能感兴趣的文章</h2><ul class="related_post"><li><a href="http://www.52shidai.com/javascript/357.html" title="文字向上不间断滚动代码-兼容各浏览器">文字向上不间断滚动代码-兼容各浏览器</a></li><li><a href="http://www.52shidai.com/javascript/180.html" title="网页上反复显示隐藏效果的文本">网页上反复显示隐藏效果的文本</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.52shidai.com/javascript/374.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>文字向上不间断滚动代码-兼容各浏览器</title>
		<link>http://www.52shidai.com/javascript/357.html</link>
		<comments>http://www.52shidai.com/javascript/357.html#comments</comments>
		<pubDate>Fri, 02 Apr 2010 09:08:26 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[兼容]]></category>
		<category><![CDATA[滚动]]></category>

		<guid isPermaLink="false">http://www.52shidai.com/?p=357</guid>
		<description><![CDATA[文字无间断滚动代码，兼容IE、Firefox、Opera 鼠标放上去停止滚动，一开继续滚动。 &#60;!DOCTYPE html PUBLIC &#34;-//W3C//DTD XHTML 1.0 Transitional//EN&#34; &#34;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&#34;&#62; &#60;html xmlns=&#34;http://www.w3.org/1999/xhtml&#34;&#62; &#60;head&#62; &#60;meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=gb2312&#34; /&#62; &#60;title&#62;符合标准的向上滚动的新闻文章列表&#60;/title&#62; &#60;style type=&#34;text/css&#34;&#62; &#60;!-- #demo ul{ text-align: left; margin:10px; padding:0px; width:200px; } #demo ul li{ margin-left:25px; display:block; list-style:none; font-size:13px; height:26px; padding-top:5px; } #demo{ overflow:hidden; width: 232px; height: 270px; margin: 5px; float: left; display: inline; } --&#62; &#60;/style&#62; [...]]]></description>
			<content:encoded><![CDATA[<p>文字无间断<span class='wp_keywordlink_affiliate'><a href="http://www.52shidai.com/tag/%e6%bb%9a%e5%8a%a8" title="查看 滚动 中的全部文章" target="_blank">滚动</a></span>代码，<span class='wp_keywordlink_affiliate'><a href="http://www.52shidai.com/tag/%e5%85%bc%e5%ae%b9" title="查看 兼容 中的全部文章" target="_blank">兼容</a></span>IE、Firefox、Opera<br />
鼠标放上去停止<span class='wp_keywordlink_affiliate'><a href="http://www.52shidai.com/tag/%e6%bb%9a%e5%8a%a8" title="查看 滚动 中的全部文章" target="_blank">滚动</a></span>，一开继续滚动。</p>
<div class="runcode">
<p><textarea name="runcode" style="height:260px;width:620px;font-size:12px" class="runcode_text" id="runcode_lwhdd_">
 &lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;
&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
&lt;head&gt;
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=gb2312&quot; /&gt;
&lt;title&gt;符合标准的向上滚动的新闻文章列表&lt;/title&gt;
&lt;style type=&quot;text/css&quot;&gt;
&lt;!--
#demo ul{
text-align: left;
margin:10px;
padding:0px;
width:200px;
}
#demo ul li{
   margin-left:25px;
   display:block;
   list-style:none;
   font-size:13px;
   height:26px;
   padding-top:5px;
}
#demo{
overflow:hidden;
width: 232px;
height: 270px;
margin: 5px;
float: left;
display: inline;
}
--&gt;
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div id=&quot;demo&quot;&gt;
&lt;div id=&quot;demo1&quot;&gt;
&lt;ul&gt;
&lt;li&gt;·&lt;a href=&quot;http://www.52shidai.com/&quot;&gt;时代前端&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;·&lt;a href=&quot;http://www.52shidai.com/&quot;&gt;北京财贸职业学院&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;·&lt;a href=&quot;http://www.52shidai.com/&quot;&gt;天津职业大学&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;·&lt;a href=&quot;http://www.52shidai.com/&quot;&gt;时代前端&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;·&lt;a href=&quot;http://www.52shidai.com/&quot;&gt;辽宁交通高等专科学校&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;·&lt;a href=&quot;http://www.52shidai.com/&quot;&gt;浙江金融职业学院&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;·&lt;a href=&quot;http://www.52shidai.com/&quot;&gt;时代前端&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;·&lt;a href=&quot;http://www.52shidai.com/&quot;&gt;宁波职业技术学院&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;·&lt;a href=&quot;http://www.52shidai.com/&quot;&gt;武汉职业技术学院&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;·&lt;a href=&quot;http://www.72color.com/&quot;&gt;江西蓝天学院&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;·&lt;a href=&quot;http://www.72color.com/&quot;&gt;西安外事学院&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;·&lt;a href=&quot;http://www.72color.com/&quot;&gt;交互设计中心&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;·&lt;a href=&quot;http://www.72color.com/&quot;&gt;西安翻译学院&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;·&lt;a href=&quot;http://www.72color.com/&quot;&gt;三江学院&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;·&lt;a href=&quot;http://www.72color.com/&quot;&gt;交互设计中心&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;·&lt;a href=&quot;http://www.72color.com/&quot;&gt;黄河科技学院&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;·&lt;a href=&quot;http://www.72color.com/&quot;&gt;吉林华桥外国语学院&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;·&lt;a href=&quot;http://www.72color.com/&quot;&gt;浙江树人学院&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div id=&quot;demo2&quot;&gt;&lt;/div&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
//文字无间断滚动代码，兼容IE、Firefox、Opera
var speed=40;
var FGDemo=document.getElementById('demo');
var FGDemo1=document.getElementById('demo1');
var FGDemo2=document.getElementById('demo2');
FGDemo2.innerHTML=FGDemo1.innerHTML
function Marquee1(){
if(FGDemo2.offsetHeight-FGDemo.scrollTop&lt;=0)
FGDemo.scrollTop-=FGDemo1.offsetHeight
else{
FGDemo.scrollTop++
}
}
var MyMar1=setInterval(Marquee1,speed)
FGDemo.onmouseover=function() {clearInterval(MyMar1)}
FGDemo.onmouseout=function() {MyMar1=setInterval(Marquee1,speed)}
&lt;/script&gt;
&lt;/div&gt;
&lt;p&gt;&lt;/p&gt;
&lt;div style=&quot;margin-bottom:10px;&quot;&gt;由时代前端收集整理 &lt;a href=http://www.52shidai.com _fcksavedurl=&quot;http://www.52shidai.com&quot; _fcksavedurl=&quot;http://www.52shidai.com&quot;&gt;http://www.52shidai.com/ 时代前端&lt;/a&gt;&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</textarea></p>
<p><input type="button" value="运行" class="runcode_button" onclick="runcode_open_new('runcode_lwhdd_');"/> <input type="button" value="复制" class="runcode_button" onclick="runcode_copy('runcode_lwhdd_');"/> <input type="button" value="另存代码" class="runcode_button" onclick="saveCode('runcode_lwhdd_','runcode_lwhdd_');"/> 提示：你可以先修改部分代码再运行。</p>
</div>
<h2  class="related_post_title">您可能感兴趣的文章</h2><ul class="related_post"><li><a href="http://www.52shidai.com/css-2/864.html" title="兼容性很好的div、图片上下居中的css写法">兼容性很好的div、图片上下居中的css写法</a></li><li><a href="http://www.52shidai.com/css-2/757.html" title="IE6的最大宽度最小宽度css兼容">IE6的最大宽度最小宽度css兼容</a></li><li><a href="http://www.52shidai.com/javascript/374.html" title="无缝滚动js代码-纵向和横向两种">无缝滚动js代码-纵向和横向两种</a></li><li><a href="http://www.52shidai.com/seo/340.html" title="跨浏览器固定定位的超简单实用的方法">跨浏览器固定定位的超简单实用的方法</a></li><li><a href="http://www.52shidai.com/javascript/180.html" title="网页上反复显示隐藏效果的文本">网页上反复显示隐藏效果的文本</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.52shidai.com/javascript/357.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>网页上反复显示隐藏效果的文本</title>
		<link>http://www.52shidai.com/javascript/180.html</link>
		<comments>http://www.52shidai.com/javascript/180.html#comments</comments>
		<pubDate>Thu, 04 Mar 2010 06:52:58 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[反复]]></category>
		<category><![CDATA[文本]]></category>
		<category><![CDATA[滚动]]></category>
		<category><![CDATA[隐藏]]></category>

		<guid isPermaLink="false">http://52shidai.com/?p=180</guid>
		<description><![CDATA[一个JavaScript特效，在网页上反复显示一些可隐藏的文字，快速滚入而后快速消失，很不错的文字效果。 &#60;html&#62; &#60;head&#62; &#60;title&#62;反复显隐的文本&#60;/title&#62; &#60;meta http-equiv=”content-type” content=”text/html;charset=gb2312&#8243;&#62; &#60;/head&#62; &#60;body&#62; &#60;script language=”javascript”&#62; &#60;!&#8211; var message=”欢迎光临脚本之家！本站提供各类编程源码、书籍教程、JavaScript/CSS特效代码以及常用软件下载等。” var n=0; if (document.all){ document.write(&#8216;&#60;font size=”12px” color=”#000000&#8243;&#62;&#8217;) for (m=0;m&#60;message.length;m++) document.write(&#8216;&#60;span id=”neonlight” style=”font-size:12px”&#62;&#8217;+message.charAt(m)+&#8217;&#60;/span&#62;&#8217;) document.write(&#8216;&#60;/font&#62;&#8217;) var tempref=document.all.neonlight } else document.write(message) function neon(){ if (n==0){ for (m=0;m&#60;message.length;m++) tempref[m].style.color=”#000000&#8243; } tempref[n].style.color=”#FFFFFF” if (n&#60;tempref.length-1) n++ else{ n=0 clearInterval(flashing) setTimeout(“beginneon()”,1500) return } } function beginneon(){ if (document.all) [...]]]></description>
			<content:encoded><![CDATA[<p>一个JavaScript特效，在网页上<span class='wp_keywordlink_affiliate'><a href="http://www.52shidai.com/tag/%e5%8f%8d%e5%a4%8d" title="查看 反复 中的全部文章" target="_blank">反复</a></span>显示一些可<span class='wp_keywordlink_affiliate'><a href="http://www.52shidai.com/tag/%e9%9a%90%e8%97%8f" title="查看 隐藏 中的全部文章" target="_blank">隐藏</a></span>的文字，快速滚入而后快速消失，很不错的文字效果。</p>
<p>&lt;html&gt;<br />
&lt;head&gt;<br />
&lt;title&gt;<span class='wp_keywordlink_affiliate'><a href="http://www.52shidai.com/tag/%e5%8f%8d%e5%a4%8d" title="查看 反复 中的全部文章" target="_blank">反复</a></span>显隐的<span class='wp_keywordlink_affiliate'><a href="http://www.52shidai.com/tag/%e6%96%87%e6%9c%ac" title="查看 文本 中的全部文章" target="_blank">文本</a></span>&lt;/title&gt;<br />
&lt;meta http-equiv=”content-type” content=”text/html;charset=gb2312&#8243;&gt;<br />
&lt;/head&gt;<br />
&lt;body&gt;<br />
&lt;script language=”javascript”&gt;<br />
&lt;!&#8211;<br />
var message=”欢迎光临脚本之家！本站提供各类编程源码、书籍教程、JavaScript/CSS特效代码以及常用软件下载等。”<br />
var n=0;<br />
if (document.all){<br />
document.write(&#8216;&lt;font size=”12px” color=”#000000&#8243;&gt;&#8217;)<br />
for (m=0;m&lt;message.length;m++)<br />
document.write(&#8216;&lt;span id=”neonlight” style=”font-size:12px”&gt;&#8217;+message.charAt(m)+&#8217;&lt;/span&gt;&#8217;)<br />
document.write(&#8216;&lt;/font&gt;&#8217;)<br />
var tempref=document.all.neonlight<br />
}<br />
else<br />
document.write(message)<br />
function neon(){<br />
if (n==0){<br />
for (m=0;m&lt;message.length;m++)<br />
tempref[m].style.color=”#000000&#8243;<br />
}<br />
tempref[n].style.color=”#FFFFFF”<br />
if (n&lt;tempref.length-1)<br />
n++<br />
else{<br />
n=0<br />
clearInterval(flashing)<br />
setTimeout(“beginneon()”,1500)<br />
return<br />
}<br />
}<br />
function beginneon(){<br />
if (document.all)<br />
flashing=setInterval(“neon()”,23)<br />
}<br />
beginneon()<br />
&#8211;&gt;<br />
&lt;/script&gt;<br />
&lt;/body&gt;<br />
&lt;/html&gt;</p>
<h2  class="related_post_title">您可能感兴趣的文章</h2><ul class="related_post"><li><a href="http://www.52shidai.com/javascript/374.html" title="无缝滚动js代码-纵向和横向两种">无缝滚动js代码-纵向和横向两种</a></li><li><a href="http://www.52shidai.com/javascript/357.html" title="文字向上不间断滚动代码-兼容各浏览器">文字向上不间断滚动代码-兼容各浏览器</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.52shidai.com/javascript/180.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

