我想在滚动达到150px时隐藏菜单
HTML:
<html>
<body style="height:2000px">
<div id="header">
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
CSS:
#header{height:200px; background:#000; position:fixed; top:0; width:100%;}
Run Code Online (Sandbox Code Playgroud)
JS:
$(function(){
$(window).bind('scroll', function(){
if($(this).scrollTop() >= 150) {
$('#header').attr('data-open','open');
}
if($(this).scrollTop() >= 150 && $('#header').attr('data-open') == 'open'){
$("#header").animate({top:'-180px'},500, 'linear').attr('data-open','open');
}else{
$("#header").animate({top:'0'},500, 'linear').removeAttr('data-open');
}
});
});
Run Code Online (Sandbox Code Playgroud)
演示:http://jsfiddle.net/egZ6H/1/
它看起来很有效,但当我回到顶部时,有时显示菜单的动画开始有点太晚,反之亦然.
是什么造成的?
我想在几小时内给出任何给予时间.
例:
Unix时间戳:169200
等于1天23小时......
但是如何将其转换为小时以便显示47:00:00(47小时)?
谢谢
编辑:它也必须显示分钟和秒;)
我有这样的数组
$array = array('Autobus', 'Ecole', 'Hopital' ...);
Run Code Online (Sandbox Code Playgroud)
这就是我回显该阵列中的图像的方式
foreach ($array as $prox){
if ($prox == 'Autobus'){
echo '<img src="./imgs/icones/autobus.png" width="35" height="35" alt="'.$prox.'" title="'.$prox.'"/>';
}
if ($prox == 'Ecole'){
echo '<img src="./imgs/icones/ecole.png" width="35" height="35" alt="'.$prox.'" title="'.$prox.'"/>';
}
if ($prox == 'Hopital'){
echo '<img src="./imgs/icones/hopital.png" width="35" height="35" alt="'.$prox.'" title="'.$prox.'"/>';
}
...
Run Code Online (Sandbox Code Playgroud)
有没有比该代码更短的方法来做同样的事情?
谢谢
有了这个简单的例子
<form action="" method="post" enctype="multipart/form-data">
Upload images: <input type="file" name="images[]" multiple="multiple"> <input type="submit" name="submitImgs" value="Upload"/>
</form>
Run Code Online (Sandbox Code Playgroud)
如何隐藏提交按钮,直到文件字段中的某些内容为止,我已经尝试制作一个PHP脚本,看看$ _FILES ['error'] == 4或is_file_uploaded等,并且不起作用.所以我想简单地隐藏按钮,直到在文件字段中选择了某些内容.
答案可能是javascript,jQuery ......我不在乎:D
谢谢
告诉我这两个查询有什么问题?
SELECT * FROM `product_description` WHERE CHAR_LENGTH (description) > 250
SELECT * FROM `product_description` WHERE LENGTH (description) > 250
Run Code Online (Sandbox Code Playgroud)
他们返回这些错误
Function table.name CHAR_LENGTH does not exist
Function table.name LENGTH does not exist
Run Code Online (Sandbox Code Playgroud)
这两个功能似乎都不起作用......发生了什么?
我有一个脚本,似乎只是在我调整浏览器大小时启动.我找不到原因,开始做空时间.所以我想知道我是否可以模拟浏览器在页面加载后调整大小可以激活脚本,然后将浏览器分辨率恢复到原来的状态.
这可能吗 ?
编辑
好吧,如果我从菜单中的链接加载页面,脚本可以正常工作,但如果单击浏览器的刷新按钮则会失败.
使用cookie来知道在我的DIV中加载哪个页面
if($.cookie('logged') == null){
$('#auction-form').load('pages/login.php');
}else{
$('#auction-form').load('pages/bid.php');
}
Run Code Online (Sandbox Code Playgroud)
但是在login.php页面中,我有另一个链接会触发另一个无效的load()函数.
$('.register-btn').on('click',function(){
$('#auction-form').load('pages/register.php');
});
Run Code Online (Sandbox Code Playgroud)
.register-btn类是一个应该触发上述函数的链接.我知道这可能是因为当加载login.php页面时,它不在DOM中,因此无法看到.register-btn.如何在从load()函数加载的页面上委派脚本?
获取一些带有其中的URL ?autoplay=1我想做一个从网址中str.replace()删除它?autoplay=1.
现在我有类似的东西,这是行不通的
val.replace('/(?autoplay=1)/g','');
有时我有一个多个url的url ?autplay=1所以一个正则表达式将删除所有出现的这种模式可以被欣赏
如果有和这样的数组:
Array (
[Example1] => Array
(
[0] => [1] => [2] => [3] => [4] => [5] => [6] => [7] => [8] => [9] =>
)
[Example2] => Array
(
[0] => [1] => [2] => [3] => [4] =>
[5] => [6] => [7] => [8] => [9] =>
[10] => [11] => [12] => [13] => [14] =>
[15] => [16] => [17] => [18] => [19] =>
[20] => [21] => [22] => [23] => …Run Code Online (Sandbox Code Playgroud) 我希望在使用JavaScript(jQuery)发布帖子之前检查日期格式是否为(dd/mm/yyyy).
我怎么能实现这一目标?
通过这个例子来看:
HTML
<input type="checkbox" name="jour_semaine[]" id="lundi" value="Lundi"/>
<label class="checkbox-inline weekday" for="lundi" >L</label>
<input type="checkbox" name="jour_semaine[]" id="mardi" value="Mardi"/>
<label class="checkbox-inline weekday" for="mardi" >M</label>
<input type="checkbox" name="jour_semaine[]" id="mercredi" value="Mercredi"/>
<label class="checkbox-inline weekday" for="mercredi" >W</label>
<input type="checkbox" name="jour_semaine[]" id="jeudi" value="Jeudi"/>
<label class="checkbox-inline weekday" for="jeudi" >J</label>
<input type="checkbox" name="jour_semaine[]" id="vendredi" value="Vendredi"/>
<label class="checkbox-inline weekday" for="vendredi" >V</label>
Run Code Online (Sandbox Code Playgroud)
CSS
/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
position: absolute!important;
left: -9999px!important;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
position: relative;
padding-left: 40px;
padding-top:6px;
margin-bottom:20px; …Run Code Online (Sandbox Code Playgroud) jquery ×5
javascript ×4
php ×3
arrays ×2
css ×2
html ×2
animation ×1
browser ×1
date ×1
file-upload ×1
mysql ×1
regex ×1
typography ×1