Jquery悬停弹出一个div
我用这个Jquery弹出一个divJquery悬停弹出一个div,jquery,Jquery,我用这个Jquery弹出一个div <script type="text/javascript"> $(function () { $('.bubbleInfo2').each(function () { var distance = 10; var time = 250; var hideDelay = 500; var hideD
<script type="text/javascript">
$(function () {
$('.bubbleInfo2').each(function () {
var distance = 10;
var time = 250;
var hideDelay = 500;
var hideDelayTimer = null;
var beingShown = false;
var shown = false;
var trigger = $('.trigger2', this);
var info = $('.popup2', this).css('opacity', 0);
$([trigger.get(0), info.get(0)]).mouseover(function () {
if (hideDelayTimer) clearTimeout(hideDelayTimer);
if (beingShown || shown) {
// don't trigger the animation again
return;
} else {
// reset position of info box
beingShown = true;
info.css({
top: 40,
left: -160,
display: 'block'
}).animate({
top: '-=' + distance + 'px',
opacity: 1
}, time, 'swing', function () {
beingShown = false;
shown = true;
});
}
return false;
}).mouseout(function () {
if (hideDelayTimer) clearTimeout(hideDelayTimer);
hideDelayTimer = setTimeout(function () {
hideDelayTimer = null;
info.animate({
top: '-=' + distance + 'px',
opacity: 0
}, time, 'swing', function () {
shown = false;
info.css('display', 'none');
});
}, hideDelay);
return false;
});
});
});
//-->
</script>
它工作得很好,但我需要改变一种方式,以便能够在函数中调用它并传递参数,因为我在页面上多次使用它;I don’我在这一页上没有很多次
我可以这样称呼它:
<script type="text/javascript">
jQuery(function ($) {
$(".bubbleInfo2").BubleFunction(....parameters to be passed
});
</script>
如果你想要,你需要制作jquery插件, 但这很简单 退房
在这个函数中,BubbleInfo是另一个名称。如何在函数中提及它?只需在Javascript中创建一个函数即可。你能给我举个例子吗?因为我迫切需要它,而且它对我不起作用。jquery应该如何编写,只需更改id就可以调用它?
<script type="text/javascript">
function callthisfunction() {
$(".bubbleInfo2").BubleFunction(....parameters to be passed
}