相关疑难解决方法(0)
使用jQuery切换DIV背景图像
我正在为我工作的公司制作扩展/折叠通话费率表.我目前有一个桌子,下面有一个按钮来展开它,按钮显示"展开".它是有用的,除了我需要按钮在单击时更改为"折叠",然后当再次单击时更改为"展开".按钮上的书写是背景图像.
所以我基本上只需要在点击时更改div的背景图像,除了类似切换之外.
200
推荐指数
推荐指数
9
解决办法
解决办法
79万
查看次数
查看次数
如何使用jQuery和CSS在底层使用精确位置获取DIV的背景
我正在寻找一个页面,其背景渐变每隔几秒就会改变颜色,并在转换之间进行混合.现在我想将此效果应用于由具有纯色背景的元素阻挡的上部元素.
为了给你一个更好的例子我的意思是我附上了一个简单的模型,希望你理解我正在尝试做什么,我愿意接受建议.
问题显然是包含黑色背景的块,任何PNG透明使用的黑色背景都会看到黑色而不是渐变.
到目前为止,我将包含示例代码:
<body><!-- A Jquery script will be used to add CSS background, Easy stuff -->
<div class="blackbox">
<div class="logo"><img src="#" alt=""></div>
<hr class="h-line">
<div class="v-line"> </div>
</div>
所以我要追求的是:
- 一种已知的jQuery方法来获取背景图像,但它需要能够引用渐变的位置,使其与背景内联.
- 一个更好的解决方案让这个工作,请记住页面需要响应,所以我可以使用其他方法,但因为它的响应我不能想到任何.
14
推荐指数
推荐指数
1
解决办法
解决办法
1587
查看次数
查看次数
jQuery在悬停时改变(使用淡入淡出动画)div的背景图像
我试图用jQuery在悬停时更改div的背景图像.这是我到目前为止所提出的,然而,它不起作用:
HTML
<div class="logo"></div>
CSS
.logo {
width: 300px;
height: 100px;
background: url('http://placehold.it/300x100/ffffff/000000.png&text=first') no-repeat center top;
}
JS
$('.logo').hover(
function(){
$(this).animate({backgroundImage: 'http://placehold.it/300x100/ffffff/000000.png&text=second'},'fast');
},
function(){
$(this).animate({backgroundImage: 'http://placehold.it/300x100/ffffff/000000.png&text=first'},'fast');
});
jsfiddle:http://jsfiddle.net/26j6P/1/
我究竟做错了什么？如果我为背景颜色设置动画,它就可以正常工作......
6
推荐指数
推荐指数
2
解决办法
解决办法
5万
查看次数
查看次数