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

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

DZ2.5首页向左滚动图片DIY 最新插件

[复制链接]
1817889175 发表于 2012-8-26 12:05:08 | 显示全部楼层
支持一下\n顶起来,受教了,支持支持
回复

使用道具 举报

kodm 发表于 2012-9-21 02:45:28 | 显示全部楼层
听起来貌似不错 能做成几个图片滚动的吗?www.0858ta.com
回复

使用道具 举报

桂平罗秀生活网 发表于 2012-9-23 22:49:00 | 显示全部楼层
导入的是哪里的图片?你代码自带的吗?
回复

使用道具 举报

奇谈123 发表于 2012-9-24 12:42:31 | 显示全部楼层
怎么不给个演示地址啊 这样更好啊
回复

使用道具 举报

myl961066339 发表于 2012-9-29 23:43:29 | 显示全部楼层
:lol:lol:lol:lol
回复

使用道具 举报

aycoolker 发表于 2012-10-11 11:09:37 | 显示全部楼层
图片在哪里下载,不是还带图片的吗
回复

使用道具 举报

xsxuxu 发表于 2012-10-11 19:36:23 | 显示全部楼层
用了。。不过连接图片连接有错误不知为什么
回复

使用道具 举报

hlwhc2000 发表于 2012-10-25 10:58:07 | 显示全部楼层
找不到啊:
后台 门户-模块管理-添加附件模块
回复

使用道具 举报

hlwhc2000 发表于 2012-10-25 11:35:09 | 显示全部楼层
效果是不错
可惜本身没有图片的帖子,也显示为空白了
这个有点遗憾啊
如何过滤呢
回复

使用道具 举报

hlwhc2000 发表于 2012-10-25 16:12:00 | 显示全部楼层

  1. <P><style type="text/css">
  2. <!--
  3. .panpanluoBox{width:960px;overflow:hidden;padding:5px 5 5px 5px;margin:0 auto;}
  4. .panpanluoBox .LeftBotton{height:114px;width:11px;background:url(static/image/common/panpanluo_button_l.gif) no-repeat 0px </P>
  5. <P>0;overflow:hidden;float:left;display:inline;margin:0px 0 0 0;cursor:pointer;}
  6. .panpanluoBox .RightBotton{height:114px;width:11px;background:url(static/image/common/panpanluo_button_r.gif) no-repeat 0px </P>
  7. <P>0;overflow:hidden;float:left;display:inline;margin:0px 0 0 0;cursor:pointer;}
  8. .panpanluoBox .Cont{width:936px;overflow:hidden;float:left;}
  9. .panpanluoBox .ScrCont{width:10000000px;}
  10. .panpanluoBox .Cont .pic{width:175px;float:left;text-align:center;}
  11. .panpanluoBox .Cont .pic img{padding:4px;background:#fff;border:1px solid #ccc;display:block;margin:0 auto;}
  12. .panpanluoBox .Cont .pic p{line-height:26px;color:#505050;}
  13. .panpanluoBox .Cont a:link,.panpanluoBox .Cont a:visited{color:#626466;text-decoration:none;}
  14. .panpanluoBox .Cont a:hover{color:#f00;text-decoration:underline;}
  15. .panpanluoBox #List1,.panpanluoBox #List2{float:left;}
  16. -->
  17. </style>
  18. <div class="module cl ml">
  19. <div class="panpanluoBox">
  20. <div class="LeftBotton"></div>
  21. <div class="Cont" id="ISL_Cont">
  22. <div class="ScrCont">
  23. <div id="List1">
  24. <!-- 图片载入 begin -->
  25. [loop]
  26. <div class="pic">
  27. <a href="{url}"{target}><img src="{pic}" width="{picwidth}" height="{picheight}" alt="{title}" /></a>
  28. <p><a href="{url}" title="{title}"{target}>{title}</a></p>
  29. </div>
  30. [/loop]
  31. <!-- 图片载入 end -->
  32. </div>
  33. <div id="List2"></div>
  34. </div>
  35. </div>
  36. <div class="RightBotton"></div>
  37. </div>
  38. </div>
  39. </div>
  40. <script language="javascript" type="text/javascript">
  41. <!--//--><![CDATA[//><!--
  42. var Speed = 1; //速度(毫秒)
  43. var Space = 1; //每次移动(px)
  44. var PageWidth = 935; //移位宽度
  45. var fill = 0; //整体移动
  46. var MoveLock = false;
  47. var MoveTimeObj;
  48. var Comp = 0;
  49. var AutoPlayObj = null;
  50. GetObj("List2").innerHTML = GetObj("List1").innerHTML;
  51. GetObj('ISL_Cont').scrollLeft = fill;
  52. GetObj("ISL_Cont").onmouseover = function(){clearInterval(AutoPlayObj);}
  53. GetObj("ISL_Cont").onmouseout = function(){AutoPlay();}
  54. AutoPlay();
  55. function GetObj(objName){if(document.getElementById){return eval('document.getElementById("'+objName+'")')}else{return eval('document.all.'+objName)}}
  56. function AutoPlay(){ //自动滚动
  57. clearInterval(AutoPlayObj);
  58. AutoPlayObj = setInterval('ISL_GoDown();ISL_StopDown();',5000); //间隔时间
  59. }
  60. function ISL_GoUp(){
  61. if(MoveLock) return;
  62. clearInterval(AutoPlayObj);
  63. MoveLock = true;
  64. MoveTimeObj = setInterval('ISL_ScrUp();',Speed);
  65. }
  66. function ISL_StopUp(){
  67. clearInterval(MoveTimeObj);
  68. if(GetObj('ISL_Cont').scrollLeft % PageWidth - fill != 0){
  69. Comp = fill - (GetObj('ISL_Cont').scrollLeft % PageWidth);
  70. CompScr();
  71. }else{
  72. MoveLock = false;
  73. }
  74. AutoPlay();
  75. }
  76. function ISL_ScrUp(){
  77. if(GetObj('ISL_Cont').scrollLeft <= 0){GetObj('ISL_Cont').scrollLeft = GetObj('ISL_Cont').scrollLeft + GetObj('List1').offsetWidth}
  78. GetObj('ISL_Cont').scrollLeft -= Space ;
  79. }
  80. function ISL_GoDown(){
  81. clearInterval(MoveTimeObj);
  82. if(MoveLock) return;
  83. clearInterval(AutoPlayObj);
  84. MoveLock = true;
  85. ISL_ScrDown();
  86. MoveTimeObj = setInterval('ISL_ScrDown()',Speed);
  87. }
  88. function ISL_StopDown(){
  89. clearInterval(MoveTimeObj);
  90. if(GetObj('ISL_Cont').scrollLeft % PageWidth - fill != 0 ){
  91. Comp = PageWidth - GetObj('ISL_Cont').scrollLeft % PageWidth + fill;
  92. CompScr();
  93. }else{
  94. MoveLock = false;
  95. }
  96. AutoPlay();
  97. }
  98. function ISL_ScrDown(){
  99. if(GetObj('ISL_Cont').scrollLeft >= GetObj('List1').scrollWidth){GetObj('ISL_Cont').scrollLeft = GetObj('ISL_Cont').scrollLeft - GetObj
  100. ('List1').scrollWidth;}
  101. GetObj('ISL_Cont').scrollLeft += Space ;
  102. }
  103. function CompScr(){
  104. var num;
  105. if(Comp == 0){MoveLock = false;return;}
  106. if(Comp < 0){
  107. if(Comp < -Space){
  108. Comp += Space;
  109. num = Space;
  110. }else{
  111. num = -Comp;
  112. Comp = 0;
  113. }
  114. GetObj('ISL_Cont').scrollLeft -= num;
  115. setTimeout('CompScr()',Speed);
  116. }else{
  117. if(Comp > Space){
  118. Comp -= Space;
  119. num = Space;
  120. }else{
  121. num = Comp;
  122. Comp = 0;
  123. }
  124. GetObj('ISL_Cont').scrollLeft += num;
  125. setTimeout('CompScr()',Speed);
  126. }
  127. }
  128. //--><!]]>
  129. </script></P>
复制代码
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-11-16 19:25 , Processed in 0.028923 second(s), 4 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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