Question

我有这个小提琴https://jsfiddle.net/mLa313px/27/

我有一张图片和一些链接。当我将鼠标悬停在图像上时，会发生一些css3缩放。当我点击图像时，我打算隐藏我点击的图像并显示链接，当鼠标输出现在可见的链接时，我想显示我点击的图像。

这是到目前为止的代码

$(".linkso").addClass('hide');
$(".flood").hover(function() {
        $(".flood").addClass('transition');
    }, function() {
        $(".flood").removeClass('transition');
        $(".linkso").addClass('hide');
    });

$(".flood").click(function() {     
    if ($(".linkso").hasClass("hide")) {
     $(".linkso").removeClass('hide');
    }
});

如何改进我的代码？

Answer 1

<?php session_start();?>
<?php
$email=$_POST['$email'];
$pass=$_POST['$password'];
echo $email;
$fileName = "Data/users.txt";
$target = fopen($fileName, "r");

//find user
$users=fgetcsv($target,200,",");
while(!feof($target)){
    if($email==$users[1]&&$pass==$users[2]){
        $_SESSION['email']=$users[1];
        $_SESSION['id']=$users[0];
        //if found redirect
        $redirect= "index2.php";
        header("Location:$redirect");
        exit();
    }
    else{
    unset($_SESSION['email']);
    unset($_SESSION['id']);
    echo "<script>";
    echo "alert(Invalid login.);";
    echo "location.href='index.php?error=login';";
    echo "</script>";
    }
}
fclose($target);
?>

here is the modified fiddle

Answer 2

如果您想在点击时隐藏图片，那么您应该使用css visibility属性。

的CSS：

.visibilityHide{
  visibility: hidden;
}

更新小提琴：https://jsfiddle.net/mLa313px/29/

在mouseout上显示图像

2 个答案: