小编Zin*_*eem的帖子

元素悬停在css3淡入淡出效果中无法正常工作

我正在开发一个简单的项目,其中单个块元素悬停将显示4x缩放元素.我是通过纯css和css3过渡完成的.请参阅jsfiddle演示.将有四个元素,每个元素都有不同的悬停元素.但是当我悬停在它上面时,只显示一个悬停元素,尽管它与该块或元素无关.

请参阅演示项目然后一切都将清楚我想告诉.

.main {
  position: relative;
  width: 300px;
  overflow: hidden
}

.main a {
  width: 50%;
  height: 50%;
  float: left;
}

.main a .child {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: gray;
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  -ms-transition: opacity 0.5s ease-out;
  -o-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
}

.main a:hover .child {
  -webkit-transition: opacity 0.2s ease-in;
  -moz-transition: opacity 0.2s ease-in;
  -ms-transition: opacity 0.2s ease-in;
  -o-transition: opacity …
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery

5
推荐指数
1
解决办法
107
查看次数

bxslider不会在bootstrap 3选项卡中加载

我正在使用bxSliderBootstrap标签项目.我在三个标签中使用了三个滑块.显示活动选项卡,bxSlider但是当我单击其他选项卡时,它不再加载滑块.

<ul class="nav nav-tabs" role="tablist">
    <li role="presentation" class="active">
        <a href="#home" role="tab" data-toggle="tab">Home</a>
    </li>
    <li role="presentation">
        <a href="#profile" role="tab" data-toggle="tab">Profile</a>
    </li>
</ul>
<div class="tab-content">
    <div role="tabpanel" class="tab-pane active" id="home">
        <ul class="bxslider-two">
            <li>
                <img src="http://javieryvaleska.cl/tabs/images/img-home.jpg" />
            </li>
            <li>
                <img src="http://javieryvaleska.cl/tabs/images/img-home.jpg" />
            </li>
            <li>
                <img src="http://javieryvaleska.cl/tabs/images/img-home.jpg" />
            </li>
            <li>
                <img src="http://javieryvaleska.cl/tabs/images/img-home.jpg" />
            </li>
        </ul>
    </div>
    <div role="tabpanel" class="tab-pane" id="profile">
        <ul class="bxslider">
            <li>
                <img src="http://javieryvaleska.cl/tabs/images/img-home.jpg" />
            </li>
            <li>
                <img src="http://javieryvaleska.cl/tabs/images/img-home.jpg" />
            </li>
            <li>
                <img src="http://javieryvaleska.cl/tabs/images/img-home.jpg" />
            </li>
            <li> …
Run Code Online (Sandbox Code Playgroud)

javascript css jquery twitter-bootstrap

2
推荐指数
1
解决办法
3626
查看次数

邮件转到垃圾邮件文件夹(php邮件功能)

这个代码我用来发送邮件但不幸的是邮件转到垃圾邮件文件夹.我尝试了gmail和hotmail,但案例是一样的.php代码是:

<?php
if($_POST)
{
//check if its an ajax request, exit if not
if(!isset($_SERVER['HTTP_X_REQUESTED_WITH']) AND strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) != 'xmlhttprequest') {
    die();
} 

$to_Email       = "zinan09@gmail.com"; //Replace with recipient email address
$subject        = 'My email from Somebody out there...'; //Subject line for emails

//check $_POST vars are set, exit if any missing
if(!isset($_POST["userName"]) || !isset($_POST["userEmail"]) || !isset($_POST["userMessage"]))
{
    die();
}

//Sanitize input data using PHP filter_var().
$user_Name        = filter_var($_POST["userName"], FILTER_SANITIZE_STRING);
$user_Email       = filter_var($_POST["userEmail"], FILTER_SANITIZE_EMAIL);
$user_Message     = filter_var($_POST["userMessage"], FILTER_SANITIZE_STRING);

//additional php validation
if(strlen($user_Name)<4) …
Run Code Online (Sandbox Code Playgroud)

php email ajax

0
推荐指数
1
解决办法
2719
查看次数

标签 统计

css ×2

javascript ×2

jquery ×2

ajax ×1

email ×1

html ×1

php ×1

twitter-bootstrap ×1