解决方案 »
- 如何操作div里面的a元素?
- 从id求div的位置?
- 如何做?当页面关闭时 提示是否关闭 点确定就关闭 点取消则不关闭页面
- document.createElement的问题
- 请各位熟悉Ext的大侠们进来帮忙看看
- 如何准确判断一个页面是当前页面(页面或者页面内任何对象获得焦点)?
- 我的网页上有5个type=“file”的控件,我怎么才能判断我点击了哪个???
- 为什么window.open()无法打开窗口。
- 在javascrip同一函数中,可不可以执行了一部分语句,中间的一句再重新将window.location重新load一次,紧接着执行函数后面全部的语句,这
- cookie的长度怎么设置?
- 谁能帮我详细讲解一下这滚动的图片代码意思 本人新手求指教~~~~~~~~~~~~~~~~~~~
- jQuery.tmpl.js
http://jsfiddle.net/68KmU/
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script type="text/javascript" src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script>
<script type="text/javascript">
var left_most = -145;
var right_most = 10;
var the_timeout = null;
$(function(){
$('#slider_menu').mouseover(function(){ // to right
clearTimeout(the_timeout);
the_timeout = setTimeout("slideToRight();", 1);
}).mouseout(function(){// to left
clearTimeout(the_timeout);
the_timeout = setTimeout("slideToLeft();", 50); //5s后开始往左移
});
}) function slideToRight()
{
//alert(1)
$("#a").html($('#slider_menu').css("left")+"a");
var left_pos = parseInt($('#slider_menu').css("left"));
//alert(left_pos);
if (left_pos > right_most) {
clearTimeout(the_timeout);
return;
} else {
left_pos += 1;// 坐标加5px
left_pos += 'px';
//alert(left_pos);
$('#slider_menu').css("left", left_pos);
the_timeout = setTimeout("slideToRight();", 1);//调用本身,继续移动,直到right_most
}
}
function slideToLeft()
{
//alert(2)
$("#b").html($('#slider_menu').css("left")+"b");
var left_pos = parseInt($('#slider_menu').css("left"));
//alert(left_pos);
if (left_pos < left_most) {
clearTimeout(the_timeout);
return 0;
} else {
left_pos -= 5; // 坐标减5px
left_pos += 'px';
//alert(left_pos);
$('#slider_menu').css("left", left_pos);
the_timeout = setTimeout("slideToLeft();", 1);//调用本身,继续移动,直到left_most }
}
</script>
</HEAD> <BODY>
<div id="a"></div>
<div id="b"></div>
<div id="slider_menu" style="position:absolute;left:0;width:200;height:200;background-color:blue"></div>
</BODY>
</HTML>