js文字下上滚动+左右滚动兼容FF/IE-JavaSript-爱易网页

日期：2014-05-16　浏览次数：20377 次

js文字上下滚动+左右滚动兼容FF/IE

我也是最近因为要做这种效果所以找了一下，很多都没有用，有的滚动一半就不滚了！以下是有用的所以收藏了，大家也可以参考一下。

转自：http://www.ok22.org/art_detail.aspx?id=114(可直接运行)

直接贴代码了:

上下滚动

Html代码

<!DOCTYPE?HTML?PUBLIC?"-//W3C//DTD?HTML?4.01?Transitional//EN"?"http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">??
<HTML?xmlns="http://www.w3.org/1999/xhtml">??
<head>??
<TITLE>文字上下滚动</TITLE>??
<META?http-equiv=Content-Type?content="text/html;charset=utf-8">??
<STYLE?type=text/css?media=screen>??
*{margin:0;padding:0;font-size:12px;} ??
a{color:#333;text-decoration:none} ??
a:hover{color:#901d22;text-decoration:underline} ??
.clear{clear:both;font-size:0;line-height:0;height:0} ??
SPAN.darkred{font-size:14px;color:#933} ??
#search{border:1px?solid?#ccc;margin:0?auto;width:950px;margin-bottom:8px;height:29px} ??
#commend{width:720px;color:#fff} ??
#commend?a{color:#333} ??
.scrollNews{padding-TOP:4px;position:relative} ??
#newscommend{padding-RIGHT:2px;font-weight:normal;overflow:hidden;width:602px;line-height:20px;height:20px} ??
.scrollNews?div{LEFT:507px;position:absolute;} ??
.scrollNews?a{CURSOR:pointer} ??
.scrollNews?IMG{width:25px;height:8px;background:#000;} ??
</STYLE>??
</head>??
<body>??
<div?id="new_list"?style="display:none;">??
<h6><a?href="#">宋山木的“温柔论”能成立吗？</a></h6>??

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。