为了账号安全,请及时绑定邮箱和手机立即绑定

非常简单,非常流畅的JavaScript字幕

非常简单,非常流畅的JavaScript字幕

SMILET 2019-12-16 16:12:03
我试图找到一个非常简单,流畅,轻巧的javascript或jquery字幕。我已经尝试过丝绸选框或其他工具,但不适用于我使用的应用程序。因此,越短越好,越好-并且越容易调试。有人知道字幕易于实现的Javascript替换吗?Pastebin码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head><script type="text/javascript">var tWidth='300px';                  // width (in pixels)var tHeight='25px';                  // height (in pixels)var tcolour='#ffffcc';               // background colour:var moStop=true;                     // pause on mouseover (true or false)var fontfamily = 'arial,sans-serif'; // font for contentvar tSpeed=3;                        // scroll speed (1 = slow, 5 = fast)// enter your ticker content here (use \/ and \' in place of / and ' respectively)var content='Are you looking for loads of useful information <a href="http:\/\/javascript.about.com\/">About Javascript<\/a>? Well now you\'ve found it.';var cps=-tSpeed; var aw, mq; var fsz = parseInt(tHeight) - 4; function startticker(){if (document.getElementById) {var tick = '<div style="position:relative;width:'+tWidth+';height:'+tHeight+';overflow:hidden;background-color:'+tcolour+'"'; if (moStop) tick += ' onmouseover="cps=0" onmouseout="cps=-tSpeed"'; tick +='><div id="mq" style="position:absolute;right:0px;top:0px;font-family:'+fontfamily+';font-size:'+fsz+'px;white-space:nowrap;"><\/div><\/div>'; document.getElementById('ticker').innerHTML = tick; mq = document.getElementById("mq"); mq.style.right=(10+parseInt(tWidth))+"px"; mq.innerHTML='<span id="tx">'+content+'<\/span>'; aw = document.getElementById("tx").offsetWidth; lefttime=setInterval("scrollticker()",50);}} function scrollticker(){mq.style.right = (parseInt(mq.style.right)>(-10 - aw)) ?mq.style.right = parseInt(mq.style.right)+cps+"px": parseInt(tWidth)+10+"px";} window.onload=startticker;</script></head><body><div id="ticker">    this is a simple scrolling text!</div></body></html>
查看完整描述

3 回答

  • 3 回答
  • 0 关注
  • 343 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信