我有div垂直对齐的问题
.img_thumb {
float: left;
height: 120px;
margin-bottom: 5px;
margin-left: 9px;
position: relative;
width: 147px;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 3px;
}
.img_thumb img {
display: block;
margin-left: auto;
margin-right: auto;
vertical-align: middle;
}
<div class="img_thumb">
<a class="images_class" href="large.jpg" rel="images"><img src="small.jpg" title="img_title" alt="img_alt" /></a>
</div>
Run Code Online (Sandbox Code Playgroud)
据我所知,我需要"显示:阻止;" 将图像定位在中心并且有效.同样在教程中我找到了很多答案,但它们并不"有用",因为我的所有图像都不是同一个高度!
我在嵌套json中查找对象时遇到问题!我需要在嵌套的json中执行“向对象添加”和“删除”对象之类的操作。通过使用“ JSON.stringify”并在该字符串中找到对象ID参数(每个对象都有其自己的唯一ID)会很容易获得对象。然后从那一点找到它的“包装”花括号({}),我可以自己获取对象,然后删除它或在其中添加新对象。
我有这个主意,但不知道如何选择花括号……我认为它可能有用,但是您会怎么做?:)
这将是示例对象! https://jsfiddle.net/gb8hb8g7/
var aa = [
{name: "aaa",
id: 1,
items: [
{name: "bbb",
id: 15,
items: [
{name: "ccc",
id: 44},
{name: "ddd",
id: 91}
]},
{name: "eee",
id: 12}
]
}
];
console.log(JSON.stringify(aa));
Run Code Online (Sandbox Code Playgroud) 我制作导航功能,将导航默认图像更改为悬停图像.
默认图像名称为"main.png",悬停图像为"main_hover.png"
我知道如何通过jquery的帮助从html src属性中提取图像名称,但我知道如何在文件名"main"和文件扩展名".png"之间添加额外的字符串
我的代码到目前为止:
$(document).ready(function(){
$(".nav").hover(function(){
var default_button = this.src;
// here is part where i need help with adding "_hover" to default_image
$(this).attr('src', default_button) // i know i need this after image is not hovered
});
});
Run Code Online (Sandbox Code Playgroud)