js单条新闻向上滚动

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title></title>
<style>
a{display:block;font-size:15px;line-height:18px;text-decoration:none;color:#333;font-family:Arial;font-size:12px;}
.shell{
background:url(/jzxy/UploadFiles_333/201103/20110320105333511.gif) no-repeat 4px 5px;
border:1px solid #aaa;
width:400px;
padding:3px 2px 2px 20px;
}
#div1{
height:18px;
overflow:hidden;
}
</style>
</head>
<body>
<div class="shell">
<div id="div1">
<a href="javascript:">请教高手帮我看下这段代码 FLASH显示不了</a>
<a href="javascript:">corange.cn网页技术代码 </a>
<a href="javascript:">jquery做的一个滑动效果,不知如何增加延迟,现在太灵敏了</a>
<a href="javascript:">技术研究-QQ09版按钮渐显渐隐的由来 </a>
<a href="javascript:">javascript读取Json数据并分页显示，支持键盘和滚轮翻页 </a>
<a href="javascript:">腾讯网奇怪的PNG文件，拜师以求解惑</a>
<a href="javascript:">更新lhgdialog-ver2.0.1弹出窗口组件 2009-7-18 </a>
</div>
</div>
</body>
<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%18==0&&!can;
if(!stop)box.scrollTop==parseInt(box.scrollHeight/2)?box.scrollTop=0:box.scrollTop++;
setTimeout(arguments.callee,box.scrollTop%18?10:1500);
};
</script>
</html>

时间： 2025-01-15 08:24:42

js单条新闻向上滚动的相关文章

js制作无缝向上滚动的广告

---------------------------------------------------------------------------------------------------------------css @charset "gb2312";/* CSS Document */ body{ margin:0; margin-top:3px; padding:0; font-size:12px; line-height:20px; color:#333;}.dom

JS：新闻公告滚动，li布局

预览效果: 样式: <style type="text/css"> #hotNews {border:1px solid #ccc;width:320px;background:url(laba.png) no-repeat 5px 5px;} #hotNews ul{font-size:12px;height:24px;overflow:hidden;} #hotNews ul{list-style-type:none;margin:0;padding:0;margin-

第一个插件(学习别人写的)新闻上下滚动插件

//头条新闻上下滚动 <div class="mesBox" id="mesBox"> <span></span> <ul class="latest_txt"> <li> <a href="##" style="color:#ca4712;">ceshiceishiceshi </a> </li> </u

Js实现内容向上循环滚动

当前项目有类似公告向上滚动需求,在网上搜索到一个比较棒的程序,现摘录如下: //document.getElementById()的最简化应用 function $(element) { if (arguments.length > 1) { for (var i = 0, length = arguments.length, elements = []; i < length; i++) { elements.push($(arguments[i])); } return elements;

练习题：间歇性向上滚动

1 <!DOCTYPE html > 2 <html > 3 <head> 4 <meta charset=utf-8" /> 5 <title>新闻间歇性向上滚动</title> 6 <style> 7 body { 8 font-size: 12px; 9 line-height: 24px; 10 text-algin: center; /* 页面内容居中 */ 11 } 12 * { 13 margin:

图片不断向上滚动

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="http://cdn.bootcss.com/jquery/1.8.3/jquery.min.js"></script> <style type

基于zepto的插件之移动端无缝向上滚动并上下触摸滑动

该插件乃本博客作者所写,目的在于提升作者的js能力,也给一些js菜鸟在使用插件时提供一些便利,老鸟就悠然地飞过吧. 公司的移动端项目是基于zepto的,有一个页面要求文字能够无缝地不停向上滚动,但查了网上的资料,大多都是基于jquery的,虽然稍作修改就可以用于移动端,但不能实现触摸上下翻滚.所以就去了zepto的官网查看其API,却发现如果要使用zepto的swipe()方法,需要引用其已经封装好的touch.js文件,我就赶紧引用了这个js文件,可在实际测试中,官网给出的touch.js文件

中奖人员信息向上滚动

最近公司搞一个抽奖转盘,然后下面有个中奖人列表信息,向上滚动的效果,在网上找了好了好多demo,不过他们大部分都有些小问题,因为我的数据第动态添加进来的,所以会导致重复叠加div向上滚动,这样太耗性能了,搞了两天,终于问公司其他同事解决了,下面写出来分享下: 动态添加数据我就不写了这里是个js封装的,类似一jq,到时候直接引进代码里就行了(这个是公共代码,只需放到一个文件夹里) /** */ (function($){ $.fn.myScroll = function(options){ //

原生js实现全屏滚动

原生js实现全屏滚动(firefox兼容性问题还没解决) 最近发现刷前端在线简历,发现许多人都使用了全屏滚动特效所以今天特意来实现一下 css样式:* { margin: 0; padding: 0;}h1 { width: 200px; height: 200px; margin: 0 auto;}div{ overflow: hidden; position: absolute;}.show { display: block;} /*第一页*/#one { background: red;