我刚刚完成组建了一个简单的jQuery画廊有些褪色的转变所看到这里.在所有浏览器中一切正常 - 除了"图像预加载"在FireFox的第一次加载时不起作用(适用于所有其他浏览器).图像在Firefox中保持0%的不透明度.不知道为什么.
这是预加载代码.
$(document).ready(function(){
//--------PRELOAD LOAD IMAGES--------\\
$('img').load(function() {
//once image has loaded fade in image
$(this).animate({opacity : 1.0}, 1000);
//kill padding on last thumbnail of each line
$('#headshots img').eq(3).css({'padding-right' : '0'});
$('#ports img').eq(3).css({'padding-right' : '0'});
$('#ports img').eq(7).css({'padding-right' : '0'});
});
});
在此先感谢您的帮助.
我正在为电子商务网站制作一个表单,供用户请求有关项目的PDF.表单工作正常,并将用户发送到"谢谢"页面.在感谢页面上,我让jQuery在5秒后设置了关闭窗口的间隔.但它不起作用,也没有在一个链接中嵌入close命令.但是,如果"谢谢"页面在新选项卡中打开,则间隔将起作用.
这是php文件中的代码(在表单成功提交后调用).
/* Results rendered as HTML */
$theResults = <<<EOD
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Thanks</title>
<script type="text/javascript" src="css/00000001/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
//wait a few seconds and close the window
setInterval(function()
{
window.close();
}, 5000);
});
</script>
<style type="text/css">
body{
background-color: transparent;
margin: auto auto auto auto;
border: none;
}
#general-copy{
background-color: transparent;
margin: -5px auto auto 0px;
position: absolute;
width: 300px;
height: 350px;
padding: 0px 15px 15px 15px;
font-family: Georgia, "Times New Roman", …基本上,我得到的是一个计时器,每半秒计算一次,并且它应该更新程度,div应该旋转到新的程度.最终的结果应该(理论上)是一个有点平滑的不断旋转的div.
可悲的是,它旋转1度然后程度不会再次更新,即使根据控制台日志,数字仍在计数.
有什么建议？
setInterval(function()
{
var i = 0;
i++;
$('#nav').css({'-webkit-transform' : 'rotate(' + i + 'deg)'});
console.log(i);
}
, 1000);
谢谢!