我有这样的代码:
<div class="lighter">
<form method="get" action="http://www.google.pl" id="search">
<span>
<input id="button_search" type="image" src="images/search.png" id="button_search"/>
</span>
<span>
<input type="text" class="search rounded" placeholder="Search...">
</span>
<div class= "list_search">
<ul>
<li class="search_link"><a href="">Search all of Movies</a></li>
<li class="search_link"><a href="">Advanced Search</a></li>
</ul>
</div>
</form>
</div>
是否可以简单地使用css来产生这样的效果:当输入type ="text"处于焦点时,list_search会出现？如果有,怎么样？
非常感谢您的帮助
我在供应商代码的对象构造函数中看到了这个测试:
function MyObject() {
if (!(this instanceof MyObject)) return new MyObject;
...
}
我的第一个倾向是这个测试用于this在调用构造函数时阻止绑定到另一个值.但是,我想在这里检查一下,还有一些我不想要的东西.有人可以解释一下这个测试的确切意图吗？
我正在阅读javascript忍者列表5.6的秘密.在解释中,作者要求将变量移动到全局范围.然后,创建另一个id为box2的id,并在box1上的animate之后立即调用box2上的animate,以显示闭包为变量提供的保护.我理解这个概念,但我得到的结果是断言语句的无限递归.我不明白这一点.
为什么会这样？为什么它会进入无限递归循环？
代码如下.
谢谢!
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Listing 5.6</title>
<script type="text/javascript" src="../scripts/assert.js"></script>
<link href="../styles/assert.css" rel="stylesheet" type="text/css">
<style type="text/css">
#box {
position: absolute;
border: 3px solid blue;
width: 200px; height: 200px;
background-color: #6495ed;
font-size: 2em;
}
</style>
</head>
<body>
<div id="box">????</div> <!--#1-->
<div id="box2">????</div> <!--#1-->
<script type="text/javascript">
var elem;
var tick;
var timer;
function animateIt(elementId) {
elem = document.getElementById(elementId); //#2
tick = 0; //#3
timer = setInterval(function(){ //#4
if (tick < 100) {
elem.style.left = elem.style.top = tick …