Javascript 我正在处理翻转图像,但它不工作

Javascript 我正在处理翻转图像,但它不工作,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我已经为它写了下面的代码,但代码不工作,它显示下面的图像和文本,我想翻转 注意:如果我只想将正面和背景作为图像而不是文本,我应该怎么做。[这是上面代码的结果。]我想要的是,当我将鼠标悬停在图像上时,它会翻转并显示文本。注意,如果我想两侧都有不同的图像,我应该怎么做 我认为这是你的完美答案 轻弹 { 高度:199px; 宽度:300px; 保证金:0自动; } .翻转img { 宽度:300px; 高度:自动; } .翻转,向后 { 背景:2184cd; 颜色:fff; 文本对齐:居中; } $

我已经为它写了下面的代码,但代码不工作,它显示下面的图像和文本,我想翻转 注意:如果我只想将正面和背景作为图像而不是文本,我应该怎么做。[这是上面代码的结果。]我想要的是,当我将鼠标悬停在图像上时,它会翻转并显示文本。注意,如果我想两侧都有不同的图像,我应该怎么做

我认为这是你的完美答案

轻弹 { 高度:199px; 宽度:300px; 保证金:0自动; } .翻转img { 宽度:300px; 高度:自动; } .翻转,向后 { 背景:2184cd; 颜色:fff; 文本对齐:居中; } $function{ $.flip.flip{ 触发器:“悬停” }; }; $function{ $.flip.flip{ 触发器:“悬停”, 轴:“y” }; };
我只是用纯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