问题描述:

In the javascript file i have this code:

 $(function() {

$('#carousel span').append('<img src="img/gui/carousel_glare.png" class="glare" />');

$('#thumbs a').append('<img src="img/gui/carousel_glare_small.png" class="glare" />');

$('#carousel').carouFredSel({

responsive: true,

circular: false,

auto: true,

infinite: true,

items: {

visible: 1,

width: 200,

height: '56%'

},

scroll: {

fx: 'directscroll',

pauseOnHover: true,

duration: 500

}

});

$('#thumbs').carouFredSel({

responsive: true,

circular: false,

infinite: false,

auto: false,

prev: '#prev',

next: '#next',

items: {

visible: {

min: 2,

max: 6

},

width: 150,

height: '66%'

}

});

$('#thumbs a').click(function() {

$('#carousel').trigger('slideTo', '#' + this.href.split('#').pop() );

$('#thumbs a').removeClass('selected');

$(this).addClass('selected');

return false;

});

});

I want that when the pauseOnHover execute that something will happen in the html file.

In the html file i included the javascript file already:

<script src="java_script.js"></script>

Also added some style code for the test:

<style>.container {

background: rgb(170, 187, 97);

background: rgba(170, 187, 97, 0.5);

}</style>

And when the pauseOnHover execute happen in the javascript file i want to display on screen this two lines in the html file:

<div class="container">Lorem ipsum dolor</div>

<div class="container">Lorem ipsum_for_testing dolor</div>

相关阅读:
Top