免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
新浪微博
QQ空间
Facebook
Google+
Plurk
Twitter
Line
返回列表 發帖

Rank: 7Rank: 7Rank: 7

積分
5635 
威望
5635  
金錢
4993  
最後登錄
2020-5-17 

貢獻特別級會員正式版主中級會員高級會員金牌會員論壇元老
1# 跳轉到 »
章鱼發表於 2013-6-25 14:18 | 顯示全部帖子
话说以后发教程能不能把<html>之类的去掉在发布....
  1. <style type="text/css">
  2. <!--
  3. #demo {
  4. background: #FFF;
  5. overflow:hidden;
  6. border: 1px dashed #CCC;
  7. width: 955px;
  8. }
  9. #demo img {
  10. border: 3px solid #F2F2F2;
  11. }
  12. #indemo {
  13. float: left;
  14. width: 955%;
  15. }
  16. #demo1 {
  17. float: left;
  18. }
  19. #demo2 {
  20. float: left;
  21. }
  22. -->
  23. </style>
  24. <div id="demo">
  25. <div id="indemo">
  26. <div id="demo1">
  27. <a href="#"><img src="http://zszww.mf530.com/data/attachment/forum/201306/24/051234a4aviqpvc7f913u3.jpg" border="0" /></a>
  28. <a href="#"><img src="http://zszww.mf530.com/data/attachment/forum/201306/24/050951kq6q9qq14zi229zg.jpg" border="0" /></a>
  29. <a href="#"><img src="http://zszww.mf530.com/data/attachment/forum/201306/24/051444b7bqu3f3f77bwq7r.jpg" border="0" /></a>
  30. <a href="#"><img src="http://zszww.mf530.com/data/attachment/forum/201306/24/051702j25j2mg80tjidw0t.jpg" border="0" /></a>
  31. <a href="#"><img src="http://zszww.mf530.com/data/attachment/forum/201306/24/052224u9ksefz39kxehe39.jpg" border="0" /></a>
  32. <a href="#"><img src="http://zszww.mf530.com/data/attachment/forum/201306/24/051953v2o219lqa1h0aslo.jpg" border="0" /></a>
  33. <a href="#"><img src="http://zszww.mf530.com/data/attachment/forum/201306/24/052725rlvj07f505t5cjbx.jpg" border="0" /></a>
  34. <a href="#"><img src="http://zszww.mf530.com/data/attachment/forum/201306/24/053016jnn0szjbv0bo7cxj.jpg" border="0" /></a>
  35. <a href="#"><img src="http://zszww.mf530.com/data/attachment/forum/201306/24/053401iaup7ahn6i77aink.jpg" border="0" /></a>
  36. </div>
  37. <div id="demo2"></div>
  38. </div>
  39. </div>
  40. <script>
  41. <!--
  42. var speed=10;
  43. var tab=document.getElementById("demo");
  44. var tab1=document.getElementById("demo1");
  45. var tab2=document.getElementById("demo2");
  46. tab2.innerHTML=tab1.innerHTML;
  47. function Marquee(){
  48. if(tab2.offsetWidth-tab.scrollLeft<=0)
  49. tab.scrollLeft-=tab1.offsetWidth
  50. else{
  51. tab.scrollLeft++;
  52. }
  53. }
  54. var MyMar=setInterval(Marquee,speed);
  55. tab.onmouseover=function() {clearInterval(MyMar)};
  56. tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
  57. -->
  58. </script>
複製代碼
章鱼之家代码站
　
　
　
　
　

TOP

返回列表