免费注册 查看新帖 |

Chinaunix

  平台 论坛 博客 文库
最近访问板块 发新帖
查看: 895 | 回复: 0
打印 上一主题 下一主题

图片或文字无缝滚动代码 [复制链接]

论坛徽章:
0
跳转到指定楼层
1 [收藏(0)] [报告]
发表于 2006-10-01 22:32 |只看该作者 |倒序浏览
第一个效果:

HTML代码
   
       for(t=1;t

[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
要实现图片效果请自行修改代码:documnet.write ("内部")
此代码唯一一点不足就是没有实现数标悬停效果.
第二个效果:
接着上面的代码,这个也是文字效果.可实现悬停功能.

HTML代码
a {font-size:9pt;color:#333;text-decoration:none;}
a:hover {color:#111;text-decoration:underline;}
  你可曾有过无数的梦想
  却在时光的流逝里幻灭
  你可曾对未来期待憧憬
  却在成长的岁月中迷失

marqueesHeight=200;
stopscroll=false;
with(marquees){
  style.width=0;
  style.height=marqueesHeight;
  style.overflowX="visible";
  style.overflowY="hidden";
  noWrap=true;
  onmouseover=new Function("stopscroll=true");
  onmouseout=new Function("stopscroll=false");
}
document.write('');
preTop=0; currentTop=0;
function init(){
  templayer.innerHTML="";
  while(templayer.offsetHeight

[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
上代码效果基本上实现了.也有数标悬停功能.
第三个图片效果:

HTML代码
            
              
               
               
              
               
               
               
               
               
            
            
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop

[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]



本文来自ChinaUnix博客,如果查看原文请点:http://blog.chinaunix.net/u/11910/showart_179267.html
您需要登录后才可以回帖 登录 | 注册

本版积分规则 发表回复

  

北京盛拓优讯信息技术有限公司. 版权所有 京ICP备16024965号-6 北京市公安局海淀分局网监中心备案编号:11010802020122 niuxiaotong@pcpop.com 17352615567
未成年举报专区
中国互联网协会会员  联系我们:huangweiwei@itpub.net
感谢所有关心和支持过ChinaUnix的朋友们 转载本站内容请注明原作者名及出处

清除 Cookies - ChinaUnix - Archiver - WAP - TOP