我希望左边有一个翻译,当一个片段消失以显示另一个片段时.
我有这个翻译:
ft.setCustomAnimations(R.anim.lefttoright,R.anim.righttoleft);
我的翻译左右:
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:shareInterpolator="false" >
<translate
android:duration="700"
android:fromXDelta="-100%"
android:fromYDelta="0%"
android:toXDelta="0%"
android:toYDelta="0%" />
</set>
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:shareInterpolator="false" >
<translate
android:duration="700"
android:fromXDelta="0%"
android:fromYDelta="0%"
android:toXDelta="100%"
android:toYDelta="0%" />
</set>
但它没有运行,只有从左到右的翻译运行...为什么？
以下是我为BX滑块简单实现的代码:
var slider = $('#bxslider').bxSlider();
<ul id="bxslider">
<li>
<img class="carouselimage" src="images/01e_image.jpg" />
</li>
<li >
<img class="carouselimage" src="images/01c_image.jpg" />
</li>
<li >
<img class="carouselimage" src="images/01a_image.jpg" />
</li>
</ul>
我已经正确使用了所有内容,没有额外的CSS和JS.
当我通过单击左箭头从头到尾(反向)进行转换时,最后一张幻灯片向右移出容器一秒钟然后回到原始状态,看起来像一个闪烁.
有人有任何线索吗？
提前致谢.
我想将小吃店的过渡更改为 Slide Up 而不是 Grow（默认行为），但我发现在自定义小吃店上很难做到这一点：
import React from 'react';
import PropTypes from 'prop-types';
import clsx from 'clsx';
import Button from '@material-ui/core/Button';
import CheckCircleIcon from '@material-ui/icons/CheckCircle';
import ErrorIcon from '@material-ui/icons/Error';
import InfoIcon from '@material-ui/icons/Info';
import CloseIcon from '@material-ui/icons/Close';
import green from '@material-ui/core/colors/green';
import amber from '@material-ui/core/colors/amber';
import IconButton from '@material-ui/core/IconButton';
import Snackbar from '@material-ui/core/Snackbar';
import SnackbarContent from '@material-ui/core/SnackbarContent';
import WarningIcon from '@material-ui/icons/Warning';
import { makeStyles } from '@material-ui/core/styles';
const variantIcon = {
success: CheckCircleIcon,
warning: WarningIcon,
error: ErrorIcon,
info: InfoIcon,
}; …嘿那里,我有一个div在页面加载时扩展,现在我需要它在30秒后崩溃,有没有人知道如何在查询中做到这一点？
$(function(){
$("#banner").slideDown();
});
我正在寻找一个jquery滑块脚本,它可以在我移动鼠标时左右滑动.谁知道那种剧本？我希望实现像这样的效果,但它应该水平滚动,而不是垂直滚动.
我正在尝试创建幻灯片转换效果,例如视频http://www.youtube.com/watch?v=SZTiJmclaRc中发布的效果.
当单击按钮时,当前的div#1将向左滑动并隐藏自身,而另一个div#2将从右侧滑动并移动到之前滑出的div的位置.
当按钮再次触发时,div#2将向右滑动,而先前隐藏的div#1将从左侧滑出.
我一直在尝试修改http://jsfiddle.net/qSvDz/上的代码,如下所示,但我似乎无法得到我想要的结果.
谁能和我分享一些如何去做的想法.
function toggleDivs() {
var $home = $("#home");
var $memberHome = $("#member-home");
var $slideOut, $slideIn;
// See which <divs> should be animated in/out.
if ($home.position().left < 0) {
$slideIn = $home;
$slideOut = $memberHome;
}
else {
$slideIn = $memberHome;
$slideOut = $home;
}
$slideOut.animate({
left: "-" + $slideOut.width() + "px"
}, function() {
$slideIn.animate({ left: "0px" });
});
}
$("button").bind("click", function() {
toggleDivs();
});
谢谢火
我正面临一个我无法自己解决的问题:
我得到了一个背景图像的div,我想在点击div时向上/向下滑动.问题是图像总是完全滑动(100%),所以它消失了.我希望它能保持在20%之内,这样你就可以点击它并再次向下滑动100%.
我试过.animate()但是它改变了图片的宽高比,它不会滑出来.
我检查了像http://spoonfedproject.com/jquery/jquery-slide-with-minimum-height/这样的解决方案,其中div滑入/滑出,但它没有背景图片......
有人有个主意吗？我真的很感激!
JS小提琴:http://jsfiddle.net/JmLqp/105/
HTML代码
<div id="contact"></div>
CSS代码
#contact{
width:162px;
height:336px;
background: url(http://s18.postimage.org/kl4b1rly1/bg_contact.png) no-repeat;
}
JS代码
$("#contact").click(function () {
$(this).hide("slide", {direction: "up"}, 1000);
});
这可能非常简单,但是大约凌晨2点并且变得非常困倦:)
我有一个简短的脚本,"slideToggle"div不显示.
$('#cmnt_add').click(function () { $('.dark_div_add').slideToggle(1100); });
是否有机会进行一次锻炼,所以如果打开未显示的DIV,点击相同的链接将无法做到这一点？
先感谢您!
嗨,伙计们,我已经尝试过你给我的东西..但是我做错了什么看我的小提琴
http://jsfiddle.net/cancerian73/Ej5k8/
body {
position: relative;
min-height: 3000px;
margin: 0;
padding: 0;
top: 0;
font-family:'proximanova-regular', sans-serif;
}
当你将鼠标悬停在右上方的按钮上时,silde会一直闪烁,而不像我想要的例子 http://yahoo.tumblr.com/
我为我的三星设备申请了.三星手机通常在手机底部有一个菜单按钮,这对那些没有手机的设备来说是一个问题.我在Nexus上尝试了我的应用程序,但由于它没有物理菜单按钮,我无法打开菜单.
现在我想在我的应用程序中打开菜单的另一个选项.我虽然滑出菜单会很好.我想使用相同的菜单,但另一种方式来打开它.我希望能够通过向右滑动和从菜单按钮向屏幕一侧打开它.
PS通常在应用程序的屏幕顶部有一个标题栏,其上有一个菜单按钮/选项.但我隐藏了我的标题栏(在我的AndroidManifest中),所以这就是为什么我需要另一个解决方案的问题..