• 网站认证
  • 教程:5,156|
  • 话题:4269|
  • 评论:45|
  • 会员:177|
  • 注册
  • 查看作者
  • dede5.5增加滚动公告或站内新闻办法

    本站使用一直使用的是dede5.5在这里也非常感谢织梦科技,因为确实不错!!加上自己增加的一些改进吧,觉得还不错,这次呢,给大家提供下增加滚动公告或站内新闻办法

    就是把搜索按钮右边的热门tag改成的滚动公告

    下面开始做吧:

    先把热门tag这张图片改成站内公告,用Photoshop改下,或者自己做过张,这张图片在\\templets\\images\\search-tags-title.gif

    改好了开始修改代码:

    在模板文件head.htm找到热门标签的字样,去掉<ul></ul>那段,即改成下面红色部分

    <div class="tags">

    <h4>热门标签</h4>

    <script> var marqueeContent=new Array(); //滚动新闻

    marqueeContent[0]='<font color="#0000CC">公告(3/30) </font><a href=http://www.qishiji.net target=_blank class="f12red">niuqi.net</a><br>';

    marqueeContent[1]='<font color="#0000CC">推荐(8/2)</font><a href=/html/in/2009/0609/561.html target=_blank class="f12red">进站必读:本站栏目简介暨一些浏览技巧</a><br>';

    marqueeContent[2]='<font color="#0000CC">公告(9/2) </font><a href=/html/in/2009/0902/641.html target=_blank class="f12red">织梦网站已升级成功</a><br>';

    var marqueeInterval=new Array(); //定义一些常用而且要经常用到的变量

    var marqueeId=0;

    var marqueeDelay=3000;

    var marqueeHeight=100;

    //接下来的是定义一些要使用到的函数

    function initMarquee() {

    var str=marqueeContent[0];

    document.write('<div id=marqueeBox style="overflow:hidden;height:'+marqueeHeight+'px" onmouseover="clearInterval(marqueeInterval[0])" onmouseout="marqueeInterval[0]=setInterval(\\'startMarquee()\\',marqueeDelay)"><div>'+str+'</div></div>');

    marqueeId++;

    marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay);

    }

    function startMarquee() {

    var str=marqueeContent[marqueeId];

    marqueeId++;

    if(marqueeId>=marqueeContent.length) marqueeId=0;

    if(marqueeBox.childNodes.length==1) {

    var nextLine=document.createElement('DIV');

    nextLine.innerHTML=str;

    marqueeBox.appendChild(nextLine);

    }

    else {

    marqueeBox.childNodes[0].innerHTML=str;

    marqueeBox.appendChild(marqueeBox.childNodes[0]);

    marqueeBox.scrollTop=0;

    }

    clearInterval(marqueeInterval[1]);

    marqueeInterval[1]=setInterval("scrollMarquee()",20);

    }

    function scrollMarquee() {

    marqueeBox.scrollTop++;

    if(marqueeBox.scrollTop%marqueeHeight==(marqueeHeight-1)){

    clearInterval(marqueeInterval[1]);

    }

    }

    initMarquee();

    </script>

    </div>

    </div><!-- //search -->

    解释下这段代码:

    marqueeContent[0]='<font color="#0000CC">公告(3/30) </font><a href=http://www.qishiji.net target=_blank class="f12red">niuqi.net</a><br>';

    marqueeContent[1]='<font color="#0000CC">推荐(8/2)</font><a href=/html/in/2009/0609/561.html target=_blank class="f12red">进站必读:本站栏目简介暨一些浏览技巧</a><br>';

    marqueeContent[2]='<font color="#0000CC">公告(9/2) </font><a href=/html/in/2009/0902/641.html target=_blank class="f12red">织梦网站已升级成功</a><br>';

    这些控制公告内容,对应修改下链接和文字就行

    var marqueeInterval=new Array(); //定义一些常用而且要经常用到的变量

    var marqueeId=0;

    var marqueeDelay=3000;

    var marqueeHeight=100;

    这里3000是指3秒钟为周期滚动, 100是滚动的高度,使用时需对高度进行调试,100是指跳动了,一般30左右就有滚动效果

  • 0
  • 0
  • 0
  • 3.8k
  • 请登录之后再进行评论

    登录
  • 做任务
  • 实时动态
  • 偏好设置
  • 自定义-1
  • 单栏布局 侧栏位置: