Javascript 我正在处理翻转图像,但它不工作
我已经为它写了下面的代码,但代码不工作,它显示下面的图像和文本,我想翻转 注意:如果我只想将正面和背景作为图像而不是文本,我应该怎么做。[这是上面代码的结果。]我想要的是,当我将鼠标悬停在图像上时,它会翻转并显示文本。注意,如果我想两侧都有不同的图像,我应该怎么做 我认为这是你的完美答案 轻弹 { 高度:199px; 宽度:300px; 保证金:0自动; } .翻转img { 宽度:300px; 高度:自动; } .翻转,向后 { 背景:2184cd; 颜色:fff; 文本对齐:居中; } $function{ $.flip.flip{ 触发器:“悬停” }; }; $function{ $.flip.flip{ 触发器:“悬停”, 轴:“y” }; };Javascript 我正在处理翻转图像,但它不工作,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我已经为它写了下面的代码,但代码不工作,它显示下面的图像和文本,我想翻转 注意:如果我只想将正面和背景作为图像而不是文本,我应该怎么做。[这是上面代码的结果。]我想要的是,当我将鼠标悬停在图像上时,它会翻转并显示文本。注意,如果我想两侧都有不同的图像,我应该怎么做 我认为这是你的完美答案 轻弹 { 高度:199px; 宽度:300px; 保证金:0自动; } .翻转img { 宽度:300px; 高度:自动; } .翻转,向后 { 背景:2184cd; 颜色:fff; 文本对齐:居中; } $
我只是用纯CSS和HTML尝试了一下。请看一看
script type="text/javascript"> </script>
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="/path/to/jquery.flip.min.js"></script>
<script>
$(function () {
$(".flip").flip({
trigger: 'hover'
});
});
</script>
<scrip>
$(function () {
$(".flip").flip({
trigger: 'hover',
axis: 'x'
});
});
</script>
<style>
.flip
{
height: 199px;
width: 300px;
margin: 0 auto;
}
.flip img
{
width: 300px;
height: auto;
}
.flip .back
{
background: #2184cd;
color: #fff;
text-align: center;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div class="flip">
<div class="front">
<img src="images/pic/70.jpg" alt="" />
</div>
<div class="back">
<h3>
Some Text in the Back!</h3>
</div>
</div>
</form>
您是否已检查浏览器控制台是否存在错误?脚本标记错误:C在哪里?您如何将其与C关联?我正在使用asp.net C,因此添加了它..抱歉,这是我的错误。如果我想要horizonatl filp,我该怎么办?这是垂直线,你能告诉我水平线翻转吗??????检查此网站并观看第一个演示,我想这样请回复现在这是水平翻转,请参见上面的回答谢谢,但我已经完成了滑块上的动态图像,但在滑块上有许多图像,我只想一次翻转一个或两个图像,我应该怎么做我应该应用哪个css@请回复
go through this beside link http://jsfiddle.net/cjaLhdjo