javascript - How make this slider with mouse over action? -



javascript - How make this slider with mouse over action? -

i created slider , want mouse on action on numbers jquery can't seem work, know how can accomplish this? every time tried seemed break slider.

thanks

jsfiddle version: http://jsfiddle.net/bijanzand/cmqkc59b/

here current code:

function tabsrotate() { $("#slider_a, #slider_b").tabs({ show: function (event, ui) { var lastopenedpanel = $(this).data("lastopenedpanel"); if (!$(this).data("toppositiontab")) { $(this).data("toppositiontab", $(ui.panel).position().top); } $(ui.panel).hide().fadein(1500); if (lastopenedpanel) { lastopenedpanel.toggleclass("ui-tabs-hide").css("position", "absolute").css("top", "0").fadeout(1500, function () { $(this).css("position", ""); }); } $(this).data("lastopenedpanel", $(ui.panel)); } }).tabs('rotate', 7777, true); } $(document).ready(function () { tabsrotate(); $('.tabnavigation').css("display", "inline"); });

you can attach mouseover event anchor using jquery , within event trigger anchor click:

your $(document).ready this:

$(document).ready(function () { tabsrotate(); $('.tabnavigation').css("display", "inline"); $('.tabnavigation li a').mouseover(function(){ $(this).click(); }); });

javascript jquery

Comments

Popular posts from this blog

formatting - SAS SQL Datepart function returning odd values -

c++ - Apple Mach-O Linker Error(Duplicate Symbols For Architecture armv7) -

php - Yii 2: Unable to find a class into the extension 'yii2-admin' -