asp不间断上下左右滚动代码

happyxp · 发表于 2010-4-14 12:52:43

<!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>
<meta http-equiv="Content-Type" c />
<title>增强版一页内上下左右滚动</title>
</head>
<body>
<p>注：上下滚动时，单元格demo1里面的内容高度要大于demo设置的高度才能无限滚动 </p>
<p>左右滚动时，单元格demo1里面的内容宽度要大于demo设置的宽度才能无限滚动 </p>
<p>一、上下滚动 </p>
<p>1.显示的内容 </p>
<p>2.向上滚动JS </p>
<div id="demot" style="overflow: hidden; widht: 200px; height: 60px; ">
<table border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td id="demot1"><table width="100%" height="120" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td height="30">一</td>
          </tr>
          <tr>
            <td height="30">二</td>
          </tr>
          <tr>
            <td height="30">三</td>
          </tr>
          <tr>
            <td height="30">四</td>
          </tr>
          <tr>
            <td height="30">五</td>
          </tr>
          <tr>
            <td height="30">六</td>
          </tr>
        </table></td>
    </tr>
    <tr>
      <td id="demot2"></td>
    </tr>
</table>
</div>
<script type="text/javascript">
function MarqueeToTop(){
var speed=30
var demo =document.getElementById("demot");
var demo1 =document.getElementById("demot1");
var demo2 =document.getElementById("demot2");
var MyMarTop=setInterval(MarqueeTop,speed)
demo2.innerHTML=demo1.innerHTML
//原理是不断的向demoh2中填入demoh1中的内容，然后将已经看不见的清除
//用一个两行一列的表格，上一列再放一个装填有内容的表格，定义为demoh1，下一列是空的TD，定义为demoh2
//SPEED是用来控制速度的。
demo.onmouseover=function(){ clearInterval(MyMarTop) }
demo.onmouseout=function(){ MyMarTop=setInterval(MarqueeTop,speed) }
function MarqueeTop(){
if(demo2.offsetHeight-demo.scrollTop<=0)
   demo.scrollTop-=demo1.offsetHeight
else{
   demo.scrollTop++
}
}
}
MarqueeToTop()
</SCRIPT>
<p>3.向下滚动JS </p>
<div id="demod" style="overflow: hidden; widht: 200px; height: 100px; ">
<table border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td id="demod1"><table width="100%" height="99" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td height="30">一</td>
          </tr>
          <tr>
            <td height="30">二</td>
          </tr>
          <tr>
            <td height="30">三</td>
          </tr>
          <tr>
            <td height="30">四</td>
          </tr>
          <tr>
            <td height="30">五</td>
          </tr>
          <tr>
            <td height="30">六</td>
          </tr>
        </table></td>
    </tr>
    <tr>
      <td id="demod2"></td>
    </tr>
</table>
</div>
<script type="text/javascript">
function MarqueeToDown(){
var speed=30
var demo = document.getElementById("demod");
var demo1 = document.getElementById("demod1");
var demo2 = document.getElementById("demod2");
demo2.innerHTML=demo1.innerHTML
demo.scrollTop=demo.scrollHeight
var MyMarDown=setInterval(MarqueeDown,speed)
demo.onmouseover=function() {clearInterval(MyMarDown)}
demo.onmouseout=function() {MyMarDown=setInterval(MarqueeDown,speed)}
function MarqueeDown(){
if(demo1.offsetTop-demo.scrollTop>=0)
   demo.scrollTop+=demo2.offsetHeight
else{
   demo.scrollTop--
}
}
}
MarqueeToDown()
</script>
<p>二、左右滚动 </p>
<p>1.显示内容 </p>
<p>2.向左滚动JS</p>
<div id="demol" style="overflow:hidden;height:100px;width:200px;">
<table cellpadding="0" cellspace="0" border="0">
    <tr>
      <td id="demol1"><table width="200" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td>一</td>
            <td>二</td>
            <td>三</td>
          </tr>
        </table></td>
      <td id="demol2"></td>
    </tr>
</table>
</div>
<p>3.向右滚动JS</p>
<div id="demor" style="overflow:hidden;height:100px;width:200px;">
<table cellpadding="0" cellspace="0" border="0">
    <tr>
      <td id="demor1"><table width="200" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td>一</td>
            <td>二</td>
            <td>三</td>
          </tr>
        </table></td>
      <td id="demor2"></td>
    </tr>
</table>
</div>
<script type="text/javascript">
function MarqueeToLeft(){
var speed=30
var demo =document.getElementById("demol");
var demo1 =document.getElementById("demol1");
var demo2 =document.getElementById("demol2");
var MyMarLeft=setInterval(MarqueeLeft,speed)
demo2.innerHTML=demo1.innerHTML
demo.onmouseover=function() {clearInterval(MyMarLeft)}
demo.onmouseout=function() {MyMarLeft=setInterval(MarqueeLeft,speed)}
function MarqueeLeft(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
   demo.scrollLeft-=demo1.offsetWidth
else{
   demo.scrollLeft++
}
}
}
MarqueeToLeft()
</script>
<script type="text/javascript">
function MarqueeToRight(){
var speed=30
var demo =document.getElementById("demor");
var demo1 =document.getElementById("demor1");
var demo2 =document.getElementById("demor2");
var MyMarRight=setInterval(MarqueeRight,speed)
demo2.innerHTML=demo1.innerHTML
demo.onmouseover=function() {clearInterval(MyMarRight)}
demo.onmouseout=function() {MyMarRight=setInterval(MarqueeRight,speed)}
function MarqueeRight(){
if(demo.scrollLeft<=0)
    demo.scrollLeft+=demo2.offsetWidth
else{
    demo.scrollLeft--
}
}
}
MarqueeToRight()
</script>
</body>
</html>

(5.47 KB, 下载次数: 2)

袜子批发ji · 发表于 2010-4-17 21:19:27

内裤批发2元起、可以接受小额订单。本公司专门经营出口外单内衣！（http://www.foxde.com）数十家大型工厂提供最新外单出口日本，韩国，欧单内衣裤，质量上

hldhl3dj · 发表于 2010-4-18 19:05:10

现在，有好多网上的创业兼职网站，我做了大半年了！有个网站给我感觉非常好，如果您有兴趣的话，可以加我的（联系QQ：415697681），我有个网上创业信誉挺好的兼职网站给你。另外，兼职的时间很自由和灵活，可以自己掌握，每个人都可以做！！在赚钱的同时，也会有自己学习或工作的时间。网络兼职，用业余时间积聚财富，挑战月赚3000元以上,年薪10万工作。机遇就在这里，想兼职，想创业的朋友速来哦！

云朵飘零 · 发表于 2010-9-9 08:34:38

讲了一大堆从教官同学处事一些趣味事情关于七夕的伤感诗句坐下来聊天。七夕节快乐日志迷失东京字幕呀~16岁的男生纠结那么多干嘛？关于我自己七夕情人节空间日志但唯一不变时去的时候咳回来时候啊！每次心情总是不一样多希望永远没有眼泪眼睛里都是幸福的欢笑。什么是下颌角多希望你就一直在我身边幸福没有终点站。多希望我依偎着你你依偎着我相依到老。多希望...关于七夕祝福的日志我们一帮子单身贵厨的聚在一起去KTV唱6小时依靠在椅子上发现大家都慢慢走上自己的轨道女性情感话题亲爱的你让我伤心了，我太敏感了我太爱你了我太珍惜这份感情了，我总是希望多年以后，不管是五年十年还是三十年五十年，我们都可以牵着手一起走，有困难我们一起面对有快乐我们一起享受，可是现在，我甚至不知道两年以后我们是不是还可以手拉着手。其实有些时候我需要瘦脸我真希望2012世界就毁灭吧，那样我就不用担心不用害怕那样我就可以一直和你在一起。坐上去学校的车我当然点的最多的是S.H.E的- - 习惯了熬夜，习惯了写字，习惯了深夜的寂静中敲击键盘的声音。也许吧过个几个月连话也讲不上知道什么是磨颧骨也许有几个人我再也不会见面最后肚子饿去吃东西。明天就走了我也不清楚怎么面对七夕七夕去死。 18号我应该更轻松的去面对！开学了一切都要忙碌起来心里感到十分的纠结有些时候有些闲言碎语都很在意涵今天也要去咳~只能祝福他了晚上给你画POP画了好几遍，不满意重画，不满意再重画，我多希望你夸夸我说点好听的话，可是偏偏你说了谢谢，我要难受死了，都想瘦身我永远记得在我谢谢你给我机会跟你和好的时候，你说,真爱不言谢。我实在无法做到什么都不理睬的境界所以对于新的环境我很难适应 8.17 我们才看到军训的恐怖有时候试着坦然点但那样又显着自己做作很奇怪人长大了咳。。。我只希望欢我自己能像以前阳光。小拉和怡已经去过军训了想发个短信给你告诉你我此时此刻的心情，可是还是算了吧，不想让你担心也不像让你自责更不像让你瞧不起我，我挺坚强的我可以自己调节我的情绪一觉醒来又是新的一天，擦干眼泪对自己笑笑吧，A曾经说我的笑容挺迷人的。现在是2点14,2010年的七夕过去了，漂亮女孩谁不想减肥真希望像你说的那样，每天都是情人节就那样甜甜蜜蜜的过一辈子。我老了经不起折腾了所以我想安顿下来有个永远的依靠。我该满足了，你对我已经够好是我自己太敏感了。收不下的心情七夕，情人的节日。高调地更新了日志，看到访问量飞快的增长和朋友们的祝福，我很开心。可是你，又让我哭了。原本想着你会留些好听的话留些甜蜜可是你偏偏说低调低调，我是鼓足了多大的勇气才去发表日志而且事先争得了你的同意，我不是不懂事的孩子了，我希望你能给我安全感而不是所谓的低调，我从来都不是个高调的人可是我希望别人看见我们的幸福给我们祝福，我也希望那些想当小三的人们好自为之，我真的没有安全感，我说我不会再面对未来不知所措只不过是骗骗别人好了，我骗不了自己的内心。有时彷徨有时心里沉甸甸的。

十字花瓣 · 发表于 2010-9-15 10:22:53

眼角的泪，是爱曾来过的光

登录/注册后可看大图

.Sky290 我不知道未来有多远，我只知道与你在一起的每一分每一分每一秒都是一个我甘愿为之停驻的终点。 copyright 　　我不知道彼岸繁花有多美，只是若你在那里，我便甘愿追随，以义无反顾的姿态。跋山涉水，不畏艰险。 copyright 　　我常常会想到死，在我最爱你的时候。你牵我的手无宁可选择上海瘦脸，带我穿过错综的车流与人海；你给了我一个拥抱，佯装没有看见我委屈无措的泪水；甚至你出现在梦与现实的罅隙里，给了我一个微笑。我会想到死。我是没有太多安全感的那一类人，我不知道怎样说出口，更无法留得住。所以我甘愿死去，死在最美好的年华，最幸福的瞬息里。 copyright 　　独自呢喃的话转载自　　事实上我安然的活到现在。 copyright 　　现在，我18岁，我比谁都害怕老去。因为在那个人的记忆里我应该还是两年前的那个孩子，不能成长的太快，他会因此认不出我，会无法再轻柔的唤我朵丫头copyright 　　我是李朵，我会很快长大，很快老去，胖子怎样瘦身只是我的世界再也没有遇见他。 copyright 　　大部分时间我活的很安然。学业轻松，一路过关斩将的升到了最好的大学，念自己满意的专业。为一家电台供稿，被小众的人认可和喜欢。家只有半城之隔，父母都是随和开明的人，节假日的时候会有很多同学愿意去那里陪我去吃他们做的饭菜。　　一切和煦明媚，仿佛没有出过那一场意外，仿佛没有遇见过那人。你们要不要一起去上海磨颧骨仿佛我内心强大纠结的爱只是一场幻觉。　　两年前，两年前，当我念起这三个字已恍若隔世，仿佛是前世的记忆。内容来自　　起源于一场与父母的争吵，负气离家。随后便是一场噩梦。我独自在嘈杂的酒吧里被人生第一杯伏特加呛的面红耳赤，继而沉沉的睡过去。醒时已是在另外的城市，小小的屋子里关了七八个年轻的女孩。来不及惶恐，来不及哭泣，便被告知了更为残酷的真相。卖淫。当这两个字经由同屋女孩的口传到我的耳膜时，却是惊动云锣的声响。　　此前这样的字眼只会在平面媒体上偶尔遇见这个上海除皱最好的医院，是社会底层的象征。那些女孩被物质趋势，出卖身体与尊严；那些男人，被肮脏的欲望左右，付出金钱与人格。那时我不知道，不会知道这中间还有最重要的一环是有人为利益而铤而走险，心甘的成为连接在两者之间的桥梁。我一直活在被保护的世界里，我不需要为遥远错杂的事而思考。可是，那天起这些离却我如此的近。 copyright 　　小房子里如此的阴暗与潮湿，我用了两天的时间想了无数种逃脱的方案，当一一被自己否决掉后我便想到了死。也许这是唯一的途径，我已没有办法再见一眼我的父母谁知道怎么去去下颌角，没有办法对他们说一声请原谅”。生命中其他的人不过浩渺如云烟。我16岁，没有太多的挂念，死去并不遗憾。