标签: slide

大家好我试图制作这个幻灯片效果http://tinyurl.com/628z32d

但是我对jquery很新,所以我需要一些帮助:),我怎么能隐藏#big-mage div中的所有大图像并隐藏它们？然后只显示第一个.

你们有一个很好的简单易懂的幻灯片效果教程我会很高兴:)

谢谢!

这就是我的http://jsfiddle.net/bF9xy/

是否可以滑动div(关闭它)但不完全？

我的意思是,向上滑动但是显示一点div,这可能吗？

提前谢谢,mem

我有这个功能

$("a#<?php echo $custom_jq_settings['toggle']; ?>").click(function() {
        jQuery("#<?php echo $custom_jq_settings['div']; ?>").slideToggle(400);
        jQuery("#featurepagination").toggle();
        jQuery("#featuretitlewrapper").toggle();
        return false;
    });

这是我想在页面加载时触发的按钮

<a href="#" id="featuretoggle" onclick="changeText('<?php if (is_front_page()) {?>Show<?php } else { ?>Show<?php } ?> Features');"><?php if (is_front_page()) {?>Hide<?php } else { ?>Hide<?php } ?> Features</a>

我想在页面加载时触发该按钮,以便它开始打开但随后滑动/关闭

我有一个LinearLayout, I am dynamically adding TextView, ImageView to that LinearLayout,现在我已经将OnClickListener添加到这些TextViews和ImageViews.

我有一个arraylist,其中有10个项目,使用for循环我得到每个值并显示,因为它是测验应用程序我有下一个和前一个按钮,当我点击我从arraylist一个接一个地显示项目.Now I need slide In and slide Out animation to apply to this Linear Layout.

我看到了这个:

链接1

链接2

我也尝试过这个

slideIn = new TranslateAnimation(
    TranslateAnimation.RELATIVE_TO_PARENT, 1.0f,
    TranslateAnimation.RELATIVE_TO_PARENT, 0.0f,
    TranslateAnimation.RELATIVE_TO_PARENT, 0.0f,
    TranslateAnimation.RELATIVE_TO_PARENT, 0.0f);

slideIn.setDuration(500);
slideOut = new TranslateAnimation(
    TranslateAnimation.RELATIVE_TO_PARENT, 0.0f,
    TranslateAnimation.RELATIVE_TO_PARENT, -1.0f,
    TranslateAnimation.RELATIVE_TO_PARENT, 0.0f,
    TranslateAnimation.RELATIVE_TO_PARENT, 0.0f);

slideOut.setDuration(500);

但是没有工作,请帮助.

编辑:

问题:我已将此应用于线性布局但发生的情况是,当我点击下一个按钮时,当前问题将向左滑动并显示一个空白屏幕然后它将滑入并显示下一个问题,但我希望一旦当前问题滑动接下来应该是下一个问题.

我正在顶层菜单(ListItems)的开头插入菜单选项并使用

$('#newMenuItem').show('slide');

成功.但是,我不喜欢它从左上角滑入的方式,所以我把它改成了

$('#newMenuItem').show('slide', { direction: 'right' });

不幸的是,一旦我改变了它,我就不再得到新的物品了.实际上,没有比上面一行更低的代码被执行了.

有没有明显的理由说明这不起作用？我正在使用Visual Studio 2012附带的jquery-1.7.1.

我有一个显示各种按钮的菜单,我可以让按钮在点击时调用各自的JPanels.事情是我想让Jpanel在调用时滑入而不是瞬间弹出.我尝试使用补间引擎和Java初学者,我发现它真的很难,所以我决定使用定时动画.我能够让Jpanel在顶部滑到一边,但由于某种原因,下一个面板不想显示,我真的很累,有人可以帮忙!代码如下:

public class Listener implements ActionListener {
    @Override
    public void actionPerformed(ActionEvent e) {

        new Timer(0, new ActionListener() {
           public void actionPerformed(ActionEvent e) {                

              mainpane.setLocation(mainpane.getX() - 10, 0);
              if (mainpane.getX() + mainpane.getWidth() == 0) 
              {
                 ((Timer) e.getSource()).stop();
                   System.out.println("Timer stopped");
              } 
           }
        }).start();   
   } 
}

在我正在处理的网页上,我有一个包含图像和另一个div的div.内部div最初设置为

opacity: 0;

所以它不可见.当悬停时,内部div应出现在我的图像上.我已经实现了这一点,但现在我想通过让'overlay'div(出现不透明度为0.5)在图像上逐渐向下滑动来进一步改进.我理论上可以用JavaScript做到这一点,但在这种情况下,它必须是纯CSS解决方案.到目前为止,我的解决方案只是使叠加div逐渐显示(淡入)但不会向下滑动,因为我从未单独使用CSS.

请参阅下图以进一步了解:

HTML:

<div class="img"> <img class="squareImg" src="img1.jpg"/><div class="overlay"> tweet This <br> Buy This</div></div>
    <div class="img"> <img class="squareImg" src="img3.jpg"/></div>
    <div class="img"> </img></div>

CSS

    .overlay{
    position: absolute;
    width: 200px;
    overflow-y: hidden;
    transition-property: all;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    height: 200px;
    background-color: red;
    border: 1px solid white;
    top: 10px;
    left: 10px;
    opacity: 0;
} .overlay:hover{
    cursor:pointer;
    opacity: 0.5;
    z-index: 1;
}


.img{
position: relative;
margin-bottom: 10px;
border: 2px solid yellow;
background-color: black;
width: 200px;
height: 200px;
left: …

枢轴项目的"从侧面滑动"动画不仅在滑动时播放,而且在桌面上用鼠标单击枢轴项目的标题时播放.

如何禁用此动画？完全或仅用于标题上的显式点击/点击.

我有一个表格,显示一列测试名称,其中包含与测试相关的各种测试数据的几列(无限数量).由于将有多组数据,我想限制可以看到的数量,并让用户能够水平滚动以显示/隐藏不同的数据集.

Jquery表列滑动效果的接受答案具有我正在寻找的那种滑动效果,但是如何修复最左边的名称列？有很多数据,所以我不想克隆两个表,正如互联网上其他地方所建议的那样.

为名称创建一个固定表,为数据结果创建一个可滚动表,但行高在可接收的数据量上是可变的(单元格中可能有多行文本),因此对齐将被抛弃.

另外,我不想要默认的Internet滚动条.我有左/右箭头图像,我将用它来控制滚动,就像我上面发布的示例.

我花了大约4个小时在StackOverflow和互联网的其余部分寻找答案,但我还没有发现任何合适的东西...任何帮助将不胜感激,谢谢!

编辑:绝对定位左列导致表的其余部分左移到左列下方(隐藏第一列数据).添加与第一列具有相同内容的"镜像"列可以正常工作; 问题是,当数据列的单元格高于相应的名称单元格时,绝对定位的名称单元格无法看到该事实并自行调整大小.思考？

正在研究 Google Slides（Google 文档的一部分），并希望使用AWS 架构图标集。

该页面提供了对包括 PowerPoint 在内的许多应用程序的支持，但我没有找到有关 Google 幻灯片最佳实践使用的信息。谷歌搜索也没有发现任何东西。

我可以下载图标，然后手动单独添加到我的演示文稿（根据需要），但希望有一个“内置调色板”之类的解决方案。任何有知识的人都可以建议最佳方法以及是否有比根据需要手动上传更好的方法来做到这一点。