Discuz!官方免费开源建站系统

 找回密码
 立即注册
搜索

[疑难] 麻烦请教一下这个效果怎么用CSS实现啊!

[复制链接]
26634461 发表于 2009-2-16 20:53:39 | 显示全部楼层 |阅读模式
本帖最后由 26634461 于 2009-2-16 20:54 编辑



用循环代码是竖着循环显示,怎么才能设定循环到一定行数后就另提一列,就好像上面的图一样。

我记得要设定个CSS-div表的高度什么的!!能不能帮帮忙谢谢了!
回复

使用道具 举报

ug8 发表于 2009-2-16 22:13:34 | 显示全部楼层
CSS+JS连续向上滚动的文字
  1. <div id="marquees">
  2. <a href="#">你可曾有过无数的梦想,</a><br>
  3. <br>
  4. <a href="#">却在时光的流逝里幻灭 </a><br>
  5. <br>
  6. <a href="#">你可曾对未来期待憧憬,</a><br>
  7. <br>
  8. <a href="#">却在成长的岁月中迷失</a><br>
  9. <br>
  10. </div>
  11. <script language="JavaScript">
  12. marqueesHeight=200;
  13. stopscroll=false;
  14. with(marquees){
  15. style.width=0;
  16. style.height=marqueesHeight;
  17. style.overflowX="visible";
  18. style.overflowY="hidden";
  19. noWrap=true;
  20. onmouseover=new Function("stopscroll=true");
  21. onmouseout=new Function("stopscroll=false");
  22. }
  23. document.write('<div id="templayer" style="position:absolute;z-index:1;visibility:hidden"></div>');
  24. preTop=0; currentTop=0;
  25. function init(){
  26. templayer.innerHTML="";
  27. while(templayer.offsetHeight<marqueesHeight){
  28. templayer.innerHTML+=marquees.innerHTML;
  29. }
  30. marquees.innerHTML=templayer.innerHTML+templayer.innerHTML;
  31. setInterval("scrollUp()",10);
  32. }
  33. document.body.onload=init;
  34. function scrollUp(){
  35. if(stopscroll==true) return;
  36. preTop=marquees.scrollTop;
  37. marquees.scrollTop+=1;
  38. if(preTop==marquees.scrollTop){
  39. marquees.scrollTop=templayer.offsetHeight-marqueesHeight;
  40. marquees.scrollTop+=1;
  41. }
  42. }
  43. </script>
复制代码


演示看看http://www.ug8888.com/html/58/n-114858.html
回复

使用道具 举报

 楼主| 26634461 发表于 2009-2-17 08:00:26 | 显示全部楼层
我不是要滚动的样子啊!!

用变量循环代码不就是可以循环数据吗

可是怎么让她自动到一定的行数后回提一列在开始!!
回复

使用道具 举报

ug8 发表于 2009-2-17 10:03:49 | 显示全部楼层
http://www.ug8888.com/html/35/category-catid-235.html网页特效   可以自己找一下
回复

使用道具 举报

 楼主| 26634461 发表于 2009-2-17 12:39:07 | 显示全部楼层
晕了!!你就么有懂我的意思!!
回复

使用道具 举报

benba 发表于 2009-2-17 13:21:25 | 显示全部楼层
设置一个UL 的宽和高. 然后把LI 设置为左浮动就OK了.很简单.  里面的内容用UL 或者OL或者DL DT啥的来跑就好了.基本方法的.
回复

使用道具 举报

 楼主| 26634461 发表于 2009-2-17 16:27:54 | 显示全部楼层
还是不太明白啊!

我用CSS+DVI表格我设置了高和宽!!并且设置了左浮动!!!!可是还是不行啊!!溢出的只能设置成滚动、自动、可见和影藏啊!
回复

使用道具 举报

 楼主| 26634461 发表于 2009-2-18 01:08:19 | 显示全部楼层
谁帮忙看看啊
回复

使用道具 举报

 楼主| 26634461 发表于 2009-2-18 16:07:48 | 显示全部楼层
还是不行啊!!怎么么有人能出来说说啊
回复

使用道具 举报

 楼主| 26634461 发表于 2009-2-19 13:35:57 | 显示全部楼层
我自己弄明白了!

请看这个指导帖子https://discuz.dismall.com/thread-1218934-1-1.html
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2025-10-23 08:33 , Processed in 0.108151 second(s), 15 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表