屏幕烧伤预防javascript程序
我正在创建一个信息亭来显示生产信息。屏幕将持续打开。虽然包含在一个大表中的信息将定期刷新，但我希望定期在屏幕上通过一行，以减少屏幕烧录效果。我找到了这段代码，这正是我想要做的，但我无法让它工作： 我创建了一个非常简单的html页面。当我检查开发人员控制台时，我发现以下错误： ReferenceError:$未定义 我是JavaScript新手，我一直在试图找出如何将代码合并到我的页面中屏幕烧伤预防javascript程序,javascript,html,Javascript,Html,我正在创建一个信息亭来显示生产信息。屏幕将持续打开。虽然包含在一个大表中的信息将定期刷新，但我希望定期在屏幕上通过一行，以减少屏幕烧录效果。我找到了这段代码，这正是我想要做的，但我无法让它工作： 我创建了一个非常简单的html页面。当我检查开发人员控制台时，我发现以下错误： ReferenceError:$未定义 我是JavaScript新手，我一直在试图找出如何将代码合并到我的页面中 var $burnGuard = $('<div>').attr('id','burnGuard
var $burnGuard = $('<div>').attr('id','burnGuard').css({
var$burnGuard=$（''）.attr（'id'，'burnGuard'）.css({
对于上面的这段代码，我是否必须在我的页面中指定'div'或创建一个div并提供id？页面是否还必须包含到jQuery的链接？如果您需要任何帮助，我们将不胜感激。您缺少对jQuery的引用。这是您需要的代码。另外，您知道，您可以始终在jsfidd的末尾添加一个
/show<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title> - jsFiddle demo by bradchristie</title>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.4.4.min.js'></script>
<style type='text/css'>
</style>
<script type='text/javascript'>//<![CDATA[
$(window).load(function(){
var $burnGuard = $('<div>').attr('id','burnGuard').css({
'background-color':'#FF00FF',
'width':'1px',
'height':$(document).height()+'px',
'position':'absolute',
'top':'0px',
'left':'0px',
'display':'none'
}).appendTo('body');
var colors = ['#FF0000','#00FF00','#0000FF'], color = 0, delay = 5000, scrollDelay = 1000;
function burnGuardAnimate()
{
color = ++color % 3;
var rColor = colors[color];
$burnGuard.css({
'left':'0px',
'background-color':rColor,
}).show().animate({
'left':$(window).width()+'px'
},scrollDelay,function(){
$(this).hide();
});
setTimeout(burnGuardAnimate,delay);
}
setTimeout(burnGuardAnimate,delay);
});//]]>
</script>
</head>
<body>
</body>
</html>
-bradchristie的JSFIDLE演示
//
jQuery附加在
$jQueryjQuery