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>
我已经写了下面它的代码,但是代码没有工作,那么显示的图像和文字下面我wantit是翻盖 注:我应该怎么做,如果我希望正面和背景仅作为图像而不是文本[这是上面代码的结果]我想要的是当我将鼠标悬停在图像上时,它将翻转并显示文本。注意如果我需要不同的图像,我应该怎么做旁边 !我工作的翻转图像,但它不工作
你有没有检查你的浏览器控制台的错误? – NewToJS
脚本标记错误:'' –
hackerrdave
C#在哪里? –