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

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

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

    下面开始做吧: 

    先把热门tag这张图片改成站内公告,用Photoshop改下,或者自己做过张,这张图片在 empletsimagessearch-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=https://www.niuqi.net target=_blank class="f12red">niuqi.net</a><br>';

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

    marqueeContent[2]='<font color="#0000CC">公告(9/2) </font><a href=https://www.niuqi.net target=_blank class="f12red">织梦niuqi网站已升级成功</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=http://www.niuqi.net/html/in/2009/0609/561.html target=_blank class="f12red">进站必读:本站栏目简介暨一些浏览技巧</a><br>';

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

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

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

    var marqueeId=0;

    var marqueeDelay=3000;

    var marqueeHeight=100;

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

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

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