Tag: 循环

使用JQuery的JQuery Cycle和JSON

我找到了jQuery Cycle插件非常有趣。 因此，有以下脚本应该返回图像： $(function() { // retrieve list of slides from server $.getJSON(‘slidelist.php’, startSlideshow); function startSlideshow(slides) { /* server returns an array of slides which looks like this: [ ‘images/beach2.jpg’, ‘images/beach3.jpg’, ‘images/beach4.jpg’, ‘images/beach5.jpg’, ‘images/beach6.jpg’, ‘images/beach7.jpg’, ‘images/beach8.jpg’ ] */ var totalSlideCount = 1 + slides.length; var $slideshow = $(‘#slideshow’); // markup contains only a single slide; […]

jquery循环动画

我有这些我需要循环的脚本： $(document).ready(function() { runIt(); }) function resets() { $(‘.grower’).removeAttr(“style”); } function runIt() { $(‘.grower’).animate({width: “30px”,height: ’30px’, left: “-6”, top: “-6″, opacity:”0”}, 800, resets); } 但是当我添加runIt（）; 在它内部，所以它可以循环，它循环但我的浏览器变得空白，我不会回应。 我该怎么做才能循环播放动画。 提前致谢

jquery循环插件，嵌套幻灯片，’后’选项或测试第一张和最后一张图像

在我的嵌套幻灯片中，我有’上一页’和’下一页’控件。 如果您在第一张幻灯片上，我希望能够减少’prev’的css不透明度，如果您在最后一张幻灯片上，我希望能够降低’next’的css不透明度。 ‘after：onAfter’选项已经足够了但是当放置在嵌套幻灯片控件的代码中时它似乎不起作用。 有没有办法在嵌套幻灯片中正确实现’after’，或者在嵌套幻灯片中测试第一个和最后一个图像？ 谢谢 这是我的代码。 $(document).ready(function() { // init and stop the inner slideshows var inners = $(‘.inner-slideshow’).cycle().cycle(‘stop’); var slideshow = $(‘#slideshow’).cycle({ fx: ‘fade’, speed: ‘fast’, timeout: 0, pager: ‘#nav’, pagerAnchorBuilder: function(idx, slide) { // return sel string for existing anchor return ‘#nav li:eq(‘ + (idx) + ‘) a’; }, before: function() { // […]

我的滑块没有自动模式

我创建简单的滑块手风琴ans是我的代码，这是唯一的问题，它适用于工作自动模式，并且工作 我的代码： #ac_content { width:900px; height:300px; margin:auto; background-color:#808080; overflow:hidden; } #ac_cols_float { position:relative; float:left; line-width:70px; height:100%; background-color:#000000; margin-right:3px; cursor:hand; cursor:pointer; } #ac_cols_float_infor { position:relative; float:left; width4544:535px; height:100%; background-color:#ff0000; } .rot-neg{ margin-top:40px; margin-left:20px; font-size:20px; color:#FFFFFF; -moz-transform: rotate(90.0deg) translate(-40px,0px); /* FF3.5+ */ -moz-transform-origin: 0 100%; -o-transform: rotate(90.0deg) translate(-40px,0px); /* Opera 10.5 */ -o-transform-origin: 0 100%; -webkit-transform: rotate(90.0deg) […]

jQuery：无限循环，不会崩溃浏览器

我想知道是否有可能创建一个无限制的循环，它不会使浏览器崩溃我正在处理一个类型的画廊，它会在屏幕上滚动时产生脉冲。 这是我到目前为止（显然崩溃浏览器）： var i = 0; while (i < 1){ $('.block').each(function(index) { $(this).css('left', $(this).position().left – 10) if (($(this).position().left) < ($(window).width() * 0.4)) { $(this).html('Test 1′); $(this).animate({ width: “500px”, height: “500px”, }, 500 ); }else if (($(this).position().left) < ($(window).width() * 0.2)) { $(this).html('Test 1′); $(this).animate({ width: “600px”, height: “600px”, }, 500 ); } }); } 任何提示都会很棒！

Jquery：将链接标记为已访问但未打开它们？

我无意改变链接（我听说这是不可能的，但如果不是我想知道如何）。 如果需要这样做，我可以将它添加到浏览器历史记录中。 我想遍历页面上的所有 ，并将其状态更改为已访问。 例如： $(“a”).each(function(){ //mark as visited (somehow?) }); 基本上在我的页面上创建“全部标记为已读”按钮。 有任何想法吗？

jQuery循环幻灯片resize问题

在这个页面上，我在中间有一个100％宽度的闪屏，它每8秒旋转一次图形图像。 我在这张幻灯片中有3个div。 主div包含幻灯片，内部div具有转发器背景图像，内部div包含渐变图像。 问题1.当你试图让浏览器变小……网站内容自我调整并在左侧移动…..但是我的幻灯片内容没有…目前我没有内容，但你可以通过黑色边框看到这一点。 幻灯片放在中间。 我该如何解决这个问题？ 问题2.浏览器宽度较小并加载此页面后….幻灯片放映在中心。 现在最大化浏览器，您将看到因为幻灯片显示在较小的屏幕上….它将在侧面留下空白区域而div不会随浏览器resize。 我反对这一点，所以任何帮助和建议都是受欢迎的。

仅使用jQuery在特定行中获取值

我有一个表（id =“docsTable”），其行看起来类似于： Document Title Document Description. 我需要遍历表，确定用户检查了哪些复选框，对于带有复选框的行，请获取第一个的值和下两个的文本。 我不需要构建集合：在每次迭代中，我想在其他地方更改一些元素。 对我来说，这不是困难的部分。 它试图弄清楚如何遍历表并仅选中带有选中复选框的s。

使用jQuery来获取图像高度

我在页面上有一堆图像。 我正在尝试使用jQuery来获取每个图像的高度并在图像之后显示它。 所以这是我的代码： $(document).ready(function() { $(“.thumb”).each(function() { imageWidth = $(“.thumb img”).attr(“width”); $(this).after(imageWidth); }); }); […] $(document).ready(function() { $(“.thumb”).each(function() { imageWidth = $(“.thumb img”).attr(“width”); $(this).after(imageWidth); }); }); […] $(document).ready(function() { $(“.thumb”).each(function() { imageWidth = $(“.thumb img”).attr(“width”); $(this).after(imageWidth); }); }); […] 我在jQuery背后的逻辑是，我想通过每个“拇指”选择器，将“拇指”内的img的高度分配给变量“imageWidth”，然后在每个“拇指”后显示文本中的高度。 我遇到的问题是它只在第一张图像上工作然后退出。 如果我使用“thumb_img”类，我可以让它工作，但我需要访问“thumb”类的图像高度。 希望这不是太混乱，因为我是jQuery的新手。 谢谢你。

重置并循环jquery动画

我正在动画一些HTML对象，看起来像雪花飘落，但在循环中遇到了一些麻烦。 这是我的代码： //animation function function snowflakeAnimate(index) { //random numbers //time var nTime = randomRange(9000,35000); var randTime = Math.round(nTime); //delay var nDelay = randomRange(200,35000); var randDelay = Math.round(nDelay); $(this).delay(randDelay).animate({ marginTop: “+600px” }, randTime); }; $(“.tweet”).each(snowflakeAnimate); 因此，目前所做的只是通过将上边距增加到600来设置雪花的动画。通过生成随机数来设置延迟和动画速度。 我的问题是如何将雪花重置到顶部然后再次运行动画，以便它永远不会停止下降。