小编sal*_*azi的帖子

使用jQuery在悬停时将div宽度从50%更改为70%

我有两个div,每个都有50%的宽度.我想做到这一点,以便悬停的div扩大到70%,另一个减少到30%.当鼠标移出时,它们各自返回50%.我写了一个脚本,但它没有给出正确的结果.宽度是流动的,因此需要调整到所有窗口大小.我怎么能让这项工作正确?

由于鼠标悬停功能无法正常运行,我还没有编写mouseout功能.

现在它是如何工作的:http: //jsfiddle.net/kYZyp/

这是我的代码:

<div id="left" class="content_left"></div>
<div id="right" class="content_right"></div>
Run Code Online (Sandbox Code Playgroud)

这是我的div的css

.content_left {
    width:50%;
    top:0px;
    left:0px;
    bottom:0px;
    background:url(wedding.jpg) left center no-repeat;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}

.content_right {
    width:50%;
    top:0px;
    right:0px;
    bottom:0px;
    background:url(events.jpg) right center no-repeat;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}
Run Code Online (Sandbox Code Playgroud)

我正在使用这个脚本:

<script>
$("#left").mouseover(function(){
  $("#left").animate({
    width: "70%",
    opacity: 1
  }, 1500 );
  $("#right").animate({
    width: "30%"
  }, 1500 );
});

$("#right").mouseover(function(){
  $("#right").animate({
    width: "70%",
    opacity: 1
  }, 1500 );
  $("#left").animate({ …
Run Code Online (Sandbox Code Playgroud)

html jquery width jquery-animate

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

来自具有相同列名的两个表的数据

我有一张桌子给用户.但是当用户对其配置文件进行任何更改时,我会将它们存储在临时表中,直到我批准它们为止.然后将数据复制到实时表并从临时表中删除.

我想要实现的是,当在管理面板中查看数据时,或者在提交之前用户可以仔细检查的页面中,我想写一个单独的查询,这将允许我从两个表中获取id的数据两者都等于$ userid.然后我想显示一个表格形式,其中旧值显示在左栏中,新值显示在右栏中.

我发现了一些sql解决方案,但我不知道如何在php中使用它们来回显结果,因为两者中的列具有相同的名称.

php mysql sql join

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

php/curl - 使用标头获取远程服务器上的图像扩展

我的网站上有一个表单,允许从远程服务器上传图像.当用户输入链接并提交时,我想检查文件并确保它是正确的扩展名,然后再将其复制到我的服务器.

我试图直接使用exif_imagetype,但是服务器上不允许使用allow_url_fopen,所以需要帮助.我认为使用curl会解决问题,但我不确定如何从头部获取图像扩展.

提前致谢!


$ch = curl_init ($url);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
curl_exec ($ch);

$content_type = curl_getinfo($ch, CURLINFO_CONTENT_TYPE);
echo $content_type;
Run Code Online (Sandbox Code Playgroud)

感谢马里奥!

php curl image

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

标签 统计

php ×2

curl ×1

html ×1

image ×1

join ×1

jquery ×1

jquery-animate ×1

mysql ×1

sql ×1

width ×1