WordPress可用的单行上翻公告代码

WordPress可用的单行上翻公告代码

2014年9月1日 11:42 技术控
0 0
wordpress实现站点文章增加外链跳转页功能
4000多名国内外华人校花个人信息遭泄露

WordPress可用的单行上翻公告代码

WordPress可用的单行上翻公告代码

效果如图所示需要用的直接在主题填写公告地方复制以下代码即可

<style>
*{margin:0;padding:0;}
.bady{margin:0;padding:0;font-size:12px; font-family:Arial "宋体";}
div,input,dl,dd,dt,ul,li,p,h1,h2,h3,h4,h5,h6,p,fieldset{margin:0; padding:0;}
ul,li{ list-style:none;}
img,input{ border:none;}
a{ text-decoration:none;}
<!-- 以上是统一代码 -->
.maintopm{width:485px;height:22px;float:left;border:#D0D0D0 1px solid;padding-left:4px;overflow:hidden; background:#FFF;padding-top:7px;}
.maintopm a{ display:block;width:785px;height:22px;color:#555656;line-height:20px;font-size:14px;}
.maintopm a:hover{color:#F00;}
#div1{height:22px;overflow:hidden;}
</style>


<!-- 单条滚动新闻开始 -->
<div class="maintopm">
  <div id="div1">
    <a href="#" target="_blank" >文字向上滚动兼容各种浏览器</a> <!-- 带有超链形式 -->
    <a href="javascript:">文字向上滚动兼容各种浏览器</a>  <!-- 没有有超链形式 -->
    <a href="javascript:">非常好的文字向上滚动代码</a>
    <a href="javascript:">单行文字向上滚动特效兼容多种浏览器</a>
    <a href="javascript:">单行文字向上滚动特效兼容2014-09-01</a>
  </div>
</div>
<script>
var box=document.getElementById("div1"),can=true;
box.innerHTML+=box.innerHTML;
box.onmouseover=function(){can=false};
box.onmouseout=function(){can=true};
new function (){
var stop=box.scrollTop%22==0&&!can;
if(!stop)box.scrollTop==parseInt(box.scrollHeight/2)?box.scrollTop=0:box.scrollTop++;
setTimeout(arguments.callee,box.scrollTop%22?10:1500);
};
</script>
文章总数
2174+
标签总数
1889+
评论总数
11535+
运营天数
1070+