三款文字无缝滚动代码(上下左右)

<div id="marquees">
  <a href="#">你可曾有过无数的梦想,</a><br>
  <br>
  <a href="#">却在时光的流逝里幻灭 </a><br>
  <br>
  <a href="#">你可曾对未来期待憧憬,</a><br>
  <br>
  <a href="#">却在成长的岁月中迷失</a><br>
  <br>
</div>
<script language="网页特效">
marqueesheight=200;
stops教程croll=false;
with(marquees){
  style.width=0;
  style.height=marqueesheight;
  style.overflowx="visible";
  style.overflowy="hidden";
  nowrap=true;
  onmouseo教程ver=new function("stopscroll=true");
  onmouseout=new function("stopscroll=false");
}
document.write('<div id="templayer" style="position:absolute;z-index:1;visibility:hidden"></div>');
pretop=0; currenttop=0;
function init(){
  templayer.innerhtml="";
  while(templayer.offsetheight<marqueesheight){
    templayer.innerhtml+=marquees.innerhtml;
  }
  marquees.innerhtml=templayer.innerhtml+templayer.innerhtml;
  setinterval("scrollup()",10);
}
document.body.onload=init;
function scrollup(){
  if(stopscroll==true) return;
  pretop=marquees.scrolltop;
  marquees.scrolltop+=1;
  if(pretop==marquees.scrolltop){
    marquees.scrolltop=templayer.offsetheight-marqueesheight;
    marquees.scrolltop+=1;
  }
}
</script>

文字无缝滚动代码代码

<body text="red">
<table border=3><td width=130 height=230 bgcolor="cyan">
<center>
<div id=demo style=overflow:hidden;height:60px>
<div id=demo1>
111111111111111<br>
222222222222222<br>
333333333333333<br>
444444444444444<br>
555555555555555
</div>
<div id=demo2></div>
<script>
var t=demo.scrolltop
demo2.innertext=demo1.innertext
function qswhmarquee(){
if(demo2.offsettop-demo.scrolltop<=0)
demo.scrolltop-=demo1.offsetheight
else
demo.scrolltop++
}
setinterval(qswhmarquee,10)
</script>
</td></table>

代码三

<div id="marquees"><img src="images/article_arrow.gif" width="3" height="3" />

<a  href="/" target=_blank>山苍树秀,水活石润,于天地之外,别构一种灵奇</a> <br>
</div>
<script language="javascript">

marqueesheight=212;
stopscroll=false;

with(marquees){
  style.width=260;
  style.height=marqueesheight;
  style.overflowx="visible";
  style.overflowy="hidden";
  nowrap=true;
  onmouseover=new function("stopscroll=true");
  onmouseout=new function("stopscroll=false");
}
document.write('<div id="templayer" style="position:absolute;z-index:1;visibility:hidden"></div>');

pretop=0; currenttop=0;

function init(){
  templayer.innerhtml="";
  while(templayer.offsetheight<marqueesheight){
    templayer.innerhtml+=marquees.innerhtml;
  }
  marquees.innerhtml=templayer.innerhtml+templayer.innerhtml;
  setinterval("scrollup()",50);
}
document.body.onload=init;

function scrollup(){
  if(stopscroll==true) return;
  pretop=marquees.scrolltop;
  marquees.scrolltop+=1;
  if(pretop==marquees.scrolltop){
    marquees.scrolltop=templayer.offsetheight-marqueesheight;
    marquees.scrolltop+=1;
  }
}
</script>

时间: 2024-09-20 13:35:28

三款文字无缝滚动代码(上下左右)的相关文章

三款文字向上滚动代码

<title>三款文字向上滚动代码</title> <style type=text/css教程> #divascontainer {  clip: rect(0px 320px 120px 0px); height: 120px; left: 10px; overflow: hidden; position: absolute; top: 10px; visibility: hidden; width: 250px } #divascontent {  left: 0

三款文字向上滚动js代码

本文章收藏了三款文字向上滚动代码他有二款是利用js实现文字向上滚动效果,一款是利用了marquee来实现文字滚动效果哦,其实有了marquee做向上滚动己就很容易了,同时还可以控制左右上下等哦. <title>三款文字向上滚动代码</title> <style type=text/css教程> #divascontainer {  clip: rect(0px 320px 120px 0px); height: 120px; left: 10px; overflow:

一款经典的js文字无缝滚动代码

在学习前端开发时肯定会碰到类似无缝滚动的效果,所以自己用js写了一个无缝滚动的函数方便在后面使用. 下面就举例说一下在项目中的应用: 首先页面布局代码如下:                                  <div class="ulScollerContent" id="scollerBox">     <ul class="picUl" id="picUl">      <l

二款图片无缝滚动代码

<!--图片滚动代码开始--> <div id=demo style="background: #ffffff; overflow: hidden; width: 551px; color: #ffffff; height: 138px">         <table cellpadding=0 align=center border=0 cellspace="0">           <tr>          

图片无缝滚动代码(上下左右)js代码

<base href="http://www.111cn.net/">  <table width=700 border=0 cellpadding=0 cellspacing=0>                                                                                                           <tr><td>               

同一页面可次调用的jquery文字无缝滚动插件代码

jquery文字无缝滚动插件,仅适合于文字,因为此效果是用不断的将第一行插入到最后来实现的,如果是比较大的内容块,会比较卡. 源代码如下:     代码如下 复制代码 (function($) {   $.fn.myScroll = function(options) {     //默认配置     var defaults = {       speed: 40,//滚动速度,值越大速度越慢       rowHeight: 24 //每行的高度     };     var opts =

JS实现的N多简单无缝滚动代码(包含图文效果)_javascript技巧

本文实例讲述了JS实现的N多简单无缝滚动代码.分享给大家供大家参考,具体如下: 实现原理很简单,注册事件之后,立即将元素的innerHTML累加一次. 接着滚动开始,当滚动条到达元素的中间位置时: 不要在子元素上设置margin和padding,因为CSS对margin或padding的叠加机制,会导致滚动出现"跳跃".稳妥的办法是套一个内联元素,然后再在里面设置margin或者padding! 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2

js文字向上滚动代码

提示:您可以先修改部分代码再运行 js文字向上滚动代码 CGWR <武林至尊>游戏评测 <武林至尊>没有依照任何名著来搭建自己的世界观,而是通过 设计员自己的脑子,想出了一个完美的剧情.虽比不了仙剑奇侠 传的剧情经典,但也堪称引人入胜.再加上独有的部分特色,所 以吸引了众多武侠迷进入了游戏. 17173<武林至尊>试玩视频 <武林至尊>是一款华丽3D锁视角武侠网游巅峰巨作,真实再现 了万千华人梦想中的武侠世界.它秉承纯正的中国武侠文化,彻 底摒弃传统网游的职

基于javascript实现文字无缝滚动效果_javascript技巧

本文实例为大家分享了javascript实现文字无缝滚动的全部代码,供大家参考,具体内容如下 效果图: 实现代码: <!DOCTYPE html> <html> <head> <meta charset="gb2312"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> &