我希望实现一个隐藏/显示 div,在鼠标输入时显示 div,但以从左到右滑动的方式缓动。
我还需要页面专注于刚刚滑出/可见的新 div。
这是我的脚本。
关于我需要添加什么的任何想法?
<script>$("#box0").mouseenter(function () {
$("#lSection2").show('slide').delay(5000);
$("#boxContent0").slideDown(3000);
$("#boxContent0").focus();
});
$('#boxContent0').mouseleave(function() {
$("#boxContent0").fadeOut(1000);
$("#lSection2").fadeOut(1000);
});</script>
<div class="AdBox" id="box0">mouse over or click to view details</div>
<div id="lSection2" style="display:none;"><div id="boxContent0"
style="display:none;" class="boxContent">
<div align="left" style="">Win Big<br />
- Ipad<br />
- Holiday<br />
- 1 Year Spa Treatments</div>
<div></div>