見つけることができるすべてのチュートリアルを調べ、ここで質問を調べ、jQuery UI Tabs ソースを読みましたが、まだこれを理解できません。
私の目標は、ナビゲーション番号に fx フェードとマウスオーバー効果を加えた、回転するコンテンツ ボックスを作成することです。
ここでほぼ動作するバージョンを見ることができます:
http://www.chesapeakelifemag.com/index.php/cl_new/index
ご覧のとおり、マウスオーバーは機能し、回転は機能しますが、効果は表示されません。これは私が取り組んでいるコードです
$(document).ready(function(){
$("#content_slider").tabs(
{event: 'mouseover'}).tabs(
{ fx: [{opacity: 'fadeOut', duration: 'slow'},
{opacity: 'toggle', duration: 'fast'}] }).tabs(
'rotate', 5000, true);
});
すべて 1 つの .tabs() 関数に入れる必要がある大量の引数をつなぎ合わせているように感じますが、それを試みると、マウスオーバー、fx、または回転の機能が壊れます。
誰か答えがありますか?
$(document).ready(function(){
$("#content_slider").tabs({event: 'mouseover',
fx: [{opacity: 'fadeOut', duration: '100'},
{opacity: 'toggle', duration: 'fast'}]}).tabs(
'rotate', 7000, true);
});'