对于图片上传,我编写了以下 html 代码:
<input type="file" id="upload" class="im" onchange="fileSelectHandlerProfile('defaultProfile','true')" style="cursor:pointer"/>
Run Code Online (Sandbox Code Playgroud)
当我们完成选择图像时,
此代码将被触发:
function fileSelectHandlerProfile(title, defalutProfile) {
var oFile;
oFile = $('#thumbUploadProfile')[0].files[0];
var rFilter = /^(image\/jpeg|image\/png|image\/gif|image\/bmp|image\/jpg|image\/pjpeg)$/i;
if (!rFilter.test(oFile.type)) {
$('.errorProfile').html('Please select a valid image file (jpg and png are allowed)').show();
}
}
Run Code Online (Sandbox Code Playgroud)
我想检查 oFile 的宽度和高度,怎么可能像 oFile.type?
我试图让背景色动画从左到右开始
ul.vert-one{
margin:0;padding:0;
list-style-type:none;
display:block;
font:bold 16px Helvetica, Verdana, Arial, sans-serif;line-height:165%;
width:200px;
}
ul.vert-one li{
margin:0;padding:0;border-top:1px solid #4D0000;
border-bottom:1px solid white;
}
ul.vert-one li span{display:block;text-decoration:none;color:white;
background:#600;padding:0 0 0 20px;width:180px;}
ul.vert-one li span:hover{
background:yellow url("images/vert-one_arrow.gif") no-repeat 0 9px;}Run Code Online (Sandbox Code Playgroud)
<div style="background:gray">
<ul class="vert-one" >
<li>
<div>
<span>home</span>
</div>
</li>
<li>
<div>
<span>blog</span>
</div>
</li>
</li>
<li>
<div>
<span>About Us</span>
</div>
</li>
</ul>
</div>
Run Code Online (Sandbox Code Playgroud)
所以当我鼠标悬停时,我想从左到右开始黄色.作为背景颜色.