javascript特效模拟marquee

<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><script type="text/javascript" >    var srl,con;window.οnlοad=function(){          setTimeout(marquee,100);srl=document.getElementById("srl");con=document.getElementById("content");};function marquee(){log("con.offsetWidth:"+con.offsetWidth+"\tsrl.scrollLeft:"+srl.scrollLeft+"\tsrl.width:"+srl.offsetWidth);if((con.offsetWidth-srl.offsetWidth)<=srl.scrollLeft)  //当demo1完全滚出显示区域时srl.scrollLeft=0    //让内部滚动条p回归原位，造成连续滚动假象else{srl.scrollLeft++;   //让demo的内部滚动条继续向左滚动1px}                 setTimeout(marquee,10);}function log(msg){console.log(msg);      }</script>   <style>#srl{       overflow: hidden;   width: 500px;               border:red solid 1px;}#content{margin: 10px;width: 1000px;  height:140px;           color: blue;overflow:hidden;}</style><title>javascript特效_滚动显示</title>
</head>
<body><div id="srl"><div id='content'>javascript特效_滚动显示javascript特效_滚动显示javascript特效_滚动显示javascript特效_滚动显示javascript特效_滚动显示javascript特效_滚动显示javascript特效_滚动显示javascript特效_滚动显示javascript特效_滚动显示javascript特效_滚动显示javascript特效_滚动显示</div></div>
</body>
</html>

javascript特效模拟marquee相关推荐

Javascript特效之模拟抽奖程序
Javascript特效之模拟抽奖程序我们经常会看到一些抽奖程序,应该很多都是H5做的,今天我们来看看js怎么实现类似抽奖的程序. 效果图: 点击开始时,会一直跳动文本框的值直到我们点击停止.就类似 ...
前程无忧招聘网站特效制作(JavaScript特效)
招聘网站特效制作,实现如下功能: 1.网站首页 2.新用户注册 3.用户登录 4.简历管理:信息填写 5.职位搜索 6.招聘公司页面查看模板制作:网站底部做成模板,网站其他页面调用模板,模板用DIV ...
36个JavaScript特效教程，学完即精通
目录:36个JavaScript特效教程,学完即精通 ┣━━01 简版计算器(js版).mp4 ┣━━02 网页日历开发过程(js版).mp4 ┣━━03 正则表达式的编写思路(js版).mp4 ┣━ ...
Moo.fx 超级轻量级的 javascript 特效库
Moo.fx是一个超级轻量级的 javascript 特效库(7k),能够与 prototype.js 或mootools 框架一起使用.它非常快.易于使用.跨浏览器.符合标准,提供控制和修改任何 ...
11种控制内容展示的JavaScript特效和技巧
交付信息结构是一个交互式用户界面所需要完成的首要任务.更直观的布局结构设计,能使用户更好的理解内容. 不管你想要介绍的是什么样的内容,你都可以以更加互动和更加适应的方式去呈现现它.本文里面,我们为你收 ...
HTML5 和 JavaScript 特效
这篇文章向大家展示8个惊艳的 HTML5 和 JavaScript 特效.作为下一代网页语言,HTML5 拥有很多让人期待已久的新特性,越来越多的开发人员开始使用 HTML5 来制作各种交互性强.效果 ...
Javascript特效之删除内容效果
Javascript特效之删除内容效果今天分享一个网页经常会用到的删除内容效果即想列表一样的每列数据实现单列删除效果. 效果图: 点击右上角的X后该内容会慢慢删除. 实现思路:实际上很简单,就是在该 ...
Javascript特效之可翻阅上一条下一条的动态文字
Javascript特效之可翻阅上一条下一条的动态文字我们经常会看到网站有一些自动跳动的新闻动态,今天来看看新闻动态怎么实现还有怎么手动选择上一条和下一条. 先来看看效果图: 点击箭头则会显示上一条 ...
个性JavaScript特效页面大全
个性JavaScript特效页面大全 (在展示页面右键--查看源文件即为源码): 1:警报对话框篇 2:菜单导航篇 3:状态栏特效篇 4:浏览器篇 5:页面背景篇 6:页面导航篇 7:页面搜素篇 8: ...

javascript特效模拟marquee

javascript特效模拟marquee相关推荐

最新文章

热门文章