js文章在div标签中滚动

liujieheng 2014-01-17

来源:flash,as,js兴趣爱好者js文章在div标签中滚动     <p><style type="text/css">
    .marqueelist{font-size:9pt;margin:0;padding:.3em 0 .1em;list-style:none;color:#c70011;}
    .marqueelist li{padding:0 .6em;overflow:hidden; border-bottom:1px dashed #c7e1ef;}
    .marqueelist_authorcolor{color:#c70011;}
    .marqueelist_forumcolor{color:green;}
    .marqueelist_subjectcolor{color:#c70011;font-size:12px;line-height:150%}
    .marqueelist_replycolor{color:#000000;}
    .marqueelist_hintcolor{color:red;}
    </style></p>
    <script type="text/javascript">
    function addEventScroll(obj,evt,fn){
    if(obj.addEventListener){
    obj.addEventListener(evt,fn,false);
    }else if(obj.attachEvent){
    obj.attachEvent('on'+evt,fn);
    }
    }
    addEventScroll(window,'load',initScrolling);
    var marqueeBox;
    var marqueeInterval;
    var reachedBottom = false;
    var marqueeBottom;
    function initScrolling(){
    marqueeBox = document.getElementById("scrollText");
    marqueeBox.style.height = "216px";
    marqueeBox.style.width = "100%";
    marqueeBox.style.overflow = "hidden";
    marqueeInterval = setInterval("scrolling()",60);
    marqueeBox.onmouseover = over;
    marqueeBox.onmouseout = out; 
    }
    function scrolling(){
    var scrollTopTemp = marqueeBox.scrollTop++;
    if(scrollTopTemp == marqueeBox.scrollTop){
    if(!reachedBottom){
    marqueeBox.innerHTML += marqueeBox.innerHTML;
    reachedBottom = true;
    marqueeBottom = scrollTopTemp;
    }else{
    marqueeBox.scrollTop = marqueeBottom;
    }
    }
    }
    function over(){
    clearInterval(marqueeInterval);
    }
    function out(){
    marqueeInterval = setInterval("scrolling()",60);
    }
    </script>
    <div id="scrollText" style="overflow:hidden;height:216px;width:100%;">
    <ul class="marqueelist">
    <li><b><a href="http://hsrtv.cn/index.php?_m=mod_article&amp;_a=article_content&amp;article_id=1173" style="text-decoration:none;"><font class="marqueelist_subjectcolor"> <center style="font-size:20px;line-height:130%;font-family:黑体">衡水广播电视台<br />
    &ldquo;保护环境    拒绝污染 <br />
    &nbsp;&nbsp;绿色出行    从我做起&rdquo;<br />
    倡议书</center> 衡水广播电视台全体员工:<br />
    &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;城市是我们生活工作的地方,是你、我、他共同的家园。但是最近一个阶段,衡水空气污染指数持续走高,持续的雾霾严重影响了百姓的身心健康。为了让广大市民呼吸上新鲜的空气,市委、市政府出重拳治污。作为新闻媒体的从业人员,我们要坚决响应市委、市政府号召,积极发挥引领示范作用,率先行动,努力投身大气污染防治攻坚行动。为此,我们倡议:<br />
    &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;一、树立主人翁意识,城市发展我发展、城市美化我受益,住在城市,热爱城市、建设城市、美化城市;树立环保意识,从现在做起,从自身做起,主动参与大气污染防治攻坚战;树立公德意识,人人为我,我为人人,奉献一片绿叶,你会获得成片绿荫!<br />
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;二、开展&ldquo;绿色出行&rdquo;活动。要求大家每周至少有一次用步行、自行车、乘坐公交车的方式取代驾驶汽车、摩托车等交通工具,减少机动车尾气排放;<br />
    &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;三、从我做起,从现在做起,从点滴做起,保护环境,拒绝污染。我们不仅要做大气污染防治的倡导者、宣传者,更要做绿色环保的践行者。我们要坚决做到不烧燃煤,劝阻亲朋好友不燃烧含硫高的燃煤;坚决不到到露天烧烤就餐、坚决不开环保不达标的汽车、不燃烧落叶、垃圾、秸秆;不乱扔果皮、烟头纸屑、不乱倒垃圾!<br />
    &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;四、要利用所有能够利用的方式和机会,大力宣传环保理念,宣传绿色生活。每位员工都要利用微博、微信、QQ等自媒体发布有关环保事业的宣传倡议,带动家人、朋友加入绿色生活,倡导大家积极参与到环保行动中,减少城市垃圾,用个体的&ldquo;微行动&rdquo;影响和带动越来越多的人投身环保,共建美好家园。<br />
    &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;我参与,我光荣;我奉献,我快乐!让我们携起手来,为把衡水建设成为天蓝、气净、水清、草绿的生态宜居城市,奉献我们新闻工作者的力量!<br />
    <span style="float:right">衡水广播电视台<br />
    2013.10.15<span>          </span></span></font></a></b></li>
    </ul>
    </div>

u013680195 2014-04-02
CSS基础教程17篇

此教程共17篇,由浅到深、循序渐进的讲述CSS知识。
对初学者有很大的学习价值,对已入门的朋友也有重要的参考价值。

1、CSS的应用
http://www.weby.com.cn/view.asp?id=13

2、CSS Selectors,Properties,and Values 选择器 、属性、值
http://www.weby.com.cn/view.asp?id=14

3、CSS的color颜色
http://www.weby.com.cn/view.asp?id=15

4、CSS的Text 文本
http://www.weby.com.cn/view.asp?id=16

5、Margin和Padding
http://www.weby.com.cn/view.asp?id=17

补充:CSS盒模型(Box Model)问题详解
http://www.weby.com.cn/view.asp?id=18

6、CSS的Border边框
http://www.weby.com.cn/view.asp?id=19

7、CSS属性结合起来使用
http://www.weby.com.cn/view.asp?id=20

8、CSS的Class以及ID选择器
http://www.weby.com.cn/view.asp?id=21

9、CSS的Grouping and Nesting分组和嵌套
http://www.weby.com.cn/view.asp?id=22

10、CSS的Pseudo Classes 伪类
http://www.weby.com.cn/view.asp?id=23
11、CSS的属性缩写
http://www.weby.com.cn/view.asp?id=24

12、CSS的Background Images 背景图片
http://www.weby.com.cn/view.asp?id=25

13、CSS的display属性
http://www.weby.com.cn/view.asp?id=26

14、CSS网页布局Page Layout
http://www.weby.com.cn/view.asp?id=27

15、CSS的At-Rules@规则
http://www.weby.com.cn/view.asp?id=28

16、CSS的伪元素Pseudo Elements
http://www.weby.com.cn/view.asp?id=29

17、CSS的优先级特性Specificity 
http://www.weby.com.cn/view.asp?id=30
Global site tag (gtag.js) - Google Analytics