我有一个简单的图库网格,其中嵌套的跨度显示标题,我想在鼠标悬停时向上滑动,并隐藏鼠标.
一切正常,除非鼠标向下移动到标题所在的位置和/或从图块的底部悬停在图块之外,然后悬停效果会无法控制地重复几次.
起初我以为可能是因为跨度包含在锚点中,这是悬停触发器,但将其移出也不起作用.
有任何想法吗 ?
演示在这里:http://www.winterealm.com/gallery/
标记:
<div class="gallery_container">
<ul>
<li><a href=""><img src="assets/img/artistisch.jpg" alt="aaa"/><span class="title">Category A</span></a></li>
<li><a href=""><img src="assets/img/attraktiv.jpg" alt="bbb"/><span class="title">Category B</span></a></li>
<li><a href=""><img src="assets/img/historisch.jpg" alt="ccc"/><span class="title">Category C</span></a></li>
<li><a href=""><img src="assets/img/popart.jpg" alt="ddd"/><span class="title">Category D</span></a></li>
<li><a href=""><img src="assets/img/portrait.jpg" alt="eee"/><span class="title">Category E</span></a></li>
<li><a href=""><img src="assets/img/sketch.jpg" alt="fff"/><span class="title">Category F</span></a></li>
</ul>
</div>
Run Code Online (Sandbox Code Playgroud)
这是jquery
$(document).ready(function(){
$('.gallery_container a').mouseover(function(){
$(this).children('.title').animate({
opacity: 100,
bottom: 0
},200);
});
$('.gallery_container a').mouseout(function(){
$(this).children('.title').animate({
opacity: 0,
bottom: -30
},200);
});
});
Run Code Online (Sandbox Code Playgroud) 我想我在这里错过了一些简单的东西,但我无法理解我的生活.
如果验证失败,我正在使用set_radio()和set_checkbox()方法返回它们的值,就像这样
<input type="radio" name="gender" value="male" <? if(!isset($thankyou)) { echo set_radio('gender', 'male'); } ?>/>;Male
<br />
<input type="radio" name="gender" value="female" <? if(!isset($thankyou)) { echo set_radio('gender', 'female'); } ?>/>;Female
Run Code Online (Sandbox Code Playgroud)
我在其他地方还有另一组复选框,它们更大.一切正常,但默认情况下,选中第二个单选按钮,对于复选框,默认情况下会检查所有这些按钮.
如果我没有set_radio/set_checkbox,默认情况下不会检查它们,这就是我想要的.
将第3个参数添加到set_radio()即.set_radio('gender','male',false)也没有显示任何差异.
有人可以对此有所了解吗?
非常感谢你!
checkbox ×1
codeigniter ×1
forms ×1
hover ×1
input ×1
jquery ×1
mouseout ×1
mouseover ×1
radio-button ×1