Javascript轮显效果
来源:互联网 发布:java 日期转换字符串 编辑:程序博客网 时间:2024/04/26 12:36
<script langauge="javascript">
/**
*@Description:Javascript 轮显效果
*/
var myContent=new Array();
myContent[0] = '<font color=#BC2931><strong> 美国虚拟主机:让您的网站在全球快速打开</strong></font>';
myContent[1] = '<font color=#235E32><strong> 企业全球邮:让您真正实现全球收发邮件畅通无阻</strong></font>';
myContent[2] = '<font color=#BC2931><strong> 美国服务器:全美六大顶级数据中心</strong></font>';
var marqueeDelay=3000;//控制轮换显示时间,单位毫秒
var scrollTime=20;//控制滚动速度,单位毫秒
var marqueeHeight=15;//显示区域的高度,单位px
var intervalId=new Array(2);
var indexId=0;
var marqueeDiv=null;
function initMarquee()//初始化
{
document.write('<div id="marqueeDiv" style="overflow:hidden;height:'+marqueeHeight+'px;cursor:hand" onmouseover="clearInterval(intervalId[0])" onmouseout="intervalId[0]=setInterval(/'startMarquee()/',marqueeDelay)"><div>Loading...</div></div>');
marqueeDiv=document.getElementById("marqueeDiv");
intervalId[0]=setInterval("startMarquee()",marqueeDelay);
}
function startMarquee() //轮显
{
marqueeDiv.scrollTop=0;
marqueeDiv.childNodes[0].innerHTML=myContent[indexId];
indexId++;
if(indexId==myContent.length) indexId=0;
if(marqueeDiv.childNodes[1]==null)
{
var tempDiv=document.createElement("DIV");
tempDiv.innerHTML=myContent[indexId];
marqueeDiv.appendChild(tempDiv);
}
else
marqueeDiv.childNodes[1].innerHTML=myContent[indexId];
if(intervalId[1]==null)
intervalId[1]=setInterval("scrollMarquee()",scrollTime);
}
function scrollMarquee() //滚动
{
marqueeDiv.scrollTop++;
if(marqueeHeight==marqueeDiv.scrollTop && intervalId[1]!=null)
clearInterval(intervalId[1]);
}
initMarquee();
</script>
- Javascript轮显效果
- 消息轮显效果
- 文字轮显效果特效
- 文字轮显效果特效
- 自写Js+CSS轮显效果
- 【自制】js广告轮显效果(兼容ie6)
- 单选框回显效果的解决办法
- Android实现图片轮显效果——自定义ViewPager控件
- Android实现图片轮显效果——自定义ViewPager控件
- 简单的文字渐渐显效果
- 联动下拉与选中回显效果
- 利用innerHTML实现隐显效果-两种实现方法
- 利用innerHTML实现隐显效果-两种实现方法
- 利用innerHTML实现隐显效果-两种实现方法
- [英语阅读]救助显效慢 全球经济信心下滑
- JavaScript 图片轮播
- JavaScript【图片轮播】
- JavaScript【图片轮播】
- winform c# 实现被访问的网站自动登录
- 破解网站发布系统 ASP生成静态页面方法
- 近期工作学习记录
- Google Maps by asp.net API集成
- oracle数据库性能监视小软件
- Javascript轮显效果
- 50种方法优化SQL Server数据库查询
- 需要做一个软件项目的标书。
- 巧用Java程序把Word转换成Html文件
- 解密sql server 2000 存储过程
- CuteEditor编辑器使用设置(宽度,高度,上传,lic)
- asp.net 2.0 多语言网站的解决方案
- SVN使用经验心得二
- (转)最有前途的5个Web开发平台