Tag: 幻灯片

jQuery：只选择ul，而不是ul ul

我正在尝试使用jQuery击败基本的手风琴风格菜单。 这是菜单： http://www.cybart.com/bscg/ 这是一段代码，为其提供手风琴function： $(‘#access ul li’).click(function(){ $(‘#access ul ul:visible’).slideUp(); $(this).children(‘ul:hidden’).slideDown(); }); 问题：单击子菜单链接会使子菜单向上滑动（并关闭）。 我想在单击子菜单链接时保持子菜单打开，并且仅在单击顶级链接时向上滑动。 如何通过jQuery仅选择顶级ul来为子菜单设置动画？ 或者有没有办法选择子菜单链接并“告诉它”以保持子菜单点击打开？ 我很感激你的智慧！

一个页面上有多个bxSlider实例

我在一个页面上有四个幻灯片，我想使用bxSlider在循环中运行 我很擅长标记和CSS，但还不是很精通javascript。 我想我必须错过一个关键元素，因为目前没有任何幻灯片正在运行。 我希望得到一些帮助让所有四个人都能工作。 谢谢！ JS： $(‘#slider1’).bxSlider({ auto: true, autoControls: true, pause: 3000, slideMargin: 20 }); $(‘#slider2’).bxSlider({ auto: true, autoControls: true, pause: 3000, slideMargin: 20 }); $(‘#slider3’).bxSlider({ auto: true, autoControls: true, pause: 3000, slideMargin: 20 }); $(‘#slider4’).bxSlider({ auto: true, autoControls: true, pause: 3000, slideMargin: 20 }); CSS： .slider { position: relative; float: right; padding-right: 400px; […]

提交 – jQuery延迟页面更改

头 $(document).ready(function() { $(‘#user_box’).animate({width: “263px”}, “slow”); $(‘#submit’).click(function(){ $(‘#user_box’).animate({width: “0px”}, “slow”); }); }); 内容 Username: 正如您所看到的，我在点击提交时已经完成了，user_box动画回到0pxs（向右滑动）。 问题是我需要将页面加载延迟大约1秒才能完成动画时间。 但只有在单击“提交”按钮时。 如何延迟页面以允许动画完成？ 我试过了.. $(‘#submit’).delay(3500, function(){ window.location = toLoad; }); 没有快乐。 任何帮助将不胜感激。 谢谢。 ps一般的想法是user_box向右滑动每个查询并向左返回结果。 它主要是PHP，因此页面加载它从右向左滑动。 我会稍后讨好一些东西，以便在登录时阻止它发生。

hover时暂停幻灯片放映

我有以下脚本来运行幻灯片，这很好用。 jQuery(document).ready(function ($) { setInterval(function () { moveRight(); }, 5000); var slideCount = $(‘#slider ul li’).length; var slideWidth = $(‘#slider ul li’).width(); var slideHeight = $(‘#slider ul li’).height(); var sliderUlWidth = slideCount * slideWidth; $(‘#slider’).css({ width: slideWidth, height: slideHeight }); $(‘#slider ul’).css({ width: sliderUlWidth, marginLeft: – slideWidth }); $(‘#slider ul li:last-child’).prependTo(‘#slider ul’); function moveLeft() { […]

Ajax幻灯片显示没有显示任何内容

嗨，我正在使用此代码从文件夹中获取新图像以填充幻灯片。 在每个循环之后，ajax应该检查文件夹的内容以查看是否有任何内容 更改（添加或删除图片），然后在下一个周期，它应该进行新的更改 幻灯片 Slideshow #slideshow #slideshow img { padding: 15px; border: 1px solid #ccc; background-color: #eee; } #slide {width: 370px; height: 220px; padding: 0; margin: 0 auto; } #myslides { width: 370px; height: 220px; padding: 0; margin: 0 auto; } #myslides img { padding: 10px; border: 1px solid rgb(100,100,100); background-color: rgb(230,230,230); width: 350px; height: […]

我需要.slideToggle来处理hover（jQuery）

我有一个导航div，可以点击打开。 我的客户希望打开div的链接链接到一个页面，然后在hover时切换div（因此链接可以在点击时导致另一个页面）。 这是我到目前为止的代码： $(document).ready(function(){ $(“#drawer”).hide(); $(“.toggle-drawer”).show(); $(‘.toggle-drawer’).click(function(){ $(“#drawer”).slideToggle(); }); }); 这是该网站的链接： http ： //gearthirty.com （点击“supersite”链接，看看我在说什么）。 提前致谢！

jQuery Orbit – 如何制作随机幻灯片？

我为我的网站找到了一个很酷的幻灯片。 页面加载时，第一张图片出现在幻灯片中。 我希望幻灯片在页面加载时随机显示一些图片。 Javascript代码： (function($) { $.fn.orbit = function(options) { var defaults = { animation: ‘fade’, animationSpeed: 800, timer: false, advanceSpeed: 4000, pauseOnHover: false, startClockOnMouseOut: false, startClockOnMouseOutAfter: 1000, directionalNav: true, captions: true, captionAnimation: ‘fade’, captionAnimationSpeed: 800, bullets: false, bulletThumbs: false, bulletThumbLocation: ”, afterSlideChange: function(){} }; 有任何想法吗 ？

jQuery菜单toggleSlidehover？

我有一个菜单，其中只有一个项目有一个子列表。 这是HTML代码： Home Products About Example One Example Two Example Three 当鼠标在菜单或子菜单上时，我想slideDown菜单并保持打开状态。 所以以下工作正常，但我想要hover而不是点击相同的东西。 $(‘#menu ul li’).click(function() { $(‘#menu ul li ul’).slideToggle(‘slow’, function() { }); }); 我试着hover，但它非常错，这里也是代码： $(“#menu ul li”).hover( function () { $(“#menu ul li ul”).slideDown(‘slow’); }, function () { $(“#menu ul li ul”).slideUp(‘slow’); } ); 我试图添加.stop(true, true)或$(“#menu ul li ul”).css(“display”, “block”); 在slideDown之后，它仍然是马车。 CSS #menu […]

扭转jquery淡入淡出滑动面板

关于jquery淡入淡出幻灯片的post（http://stackoverflow.com/q/10061847/1688202）。 我想知道该方法是否可以保留？ 这样内容面板将是标准可见的，当点击时消失。 它试图改变JQuery代码中的一些变量，但我没有成功地做到这一点。 以下代码由Shef编写（http://stackoverflow.com/users/645186/shef） 由蝙蝠侠解决 .panel.default { display:block; } .panel.default .content{ display:block; } 到CSS，并将类默认添加到您要在加载页面时显示的面板，例如 http://jsfiddle.net/nhEn6/ 1. CSS div.panel { display:none; position: absolute; top: 0; width:70%; right:0%; height: 100%; z-index: 3; margin: 0; overflow:hidden; background-color:black; } .panel div.content { display:none; font-family:arial; color:white; padding:50px; overflow:hidden; } span.close { position:absolute; right:10px; top:15px; cursor:pointer; }​ 2.标记 Home About […]

如何将下一个/上一个按钮添加到幻灯片中

Hyper-mega-noob-question，我一直在讨论如何将下一个/前一个按钮添加到Soh Tanaka发现的简单滑块上，并希望在此次活动中寻求您的帮助。 到目前为止，我已经让滑块使用工具提示并从xml加载图像（根据我的要求），但我是jQuery的新手，无法使下一个/上一个按钮工作:( ..这是到目前为止我得到了什么： CSS body { margin: 0; padding: 0; font: normal 10px Verdana, Arial, Helvetica, sans-serif; } *{outline: none;} img {border: 0;} .container { width: 322px; padding: 0; margin:30px 10px 0 10px; } /*–Main Container–*/ .main_view { position: relative; } /*–Window/Masking Styles–*/ .window { height:270px; width: 320px; overflow: hidden; /*–Hides anything outside of […]