小编Maa*_*aat的帖子

我遇到了悬停在Firefox中不起作用的问题!它适用于Chrome,IE 9,IE 8和IE 7.是否有人知道这个问题以及如何解决这个问题？

CSS:
.row button span:hover { background-position : left bottom; border : 1px solid #2b2b2b; }

HTML:
<button type="submit"><span>Button</span></button>

如何使用flot插件和graphTable更改线条颜色:

$('table.statics').graphTable({series: 'columns', position : 
       'replace', height : '180px'});

但是我想改变graphTable选项中的颜色,例如:

$('table.statics').graphTable({series: 'columns', position : 
       'replace', height : '180px', 
       colors: ["#92d5ea", "#666699", "#be1e2d", "#ee8310", "#8d10ee"]});

然后,生成的flot图中的每一行都将具有该列中的相应颜色.

使用jquery是否可以当用户向下滚动页面时背景的动画从50%白色变为90%白色或某些？

首先它是颜色rgba(255,255,255,.5),当用户在颜色下方滚动210px时become rgba(255,255,255,.9).

我的ul高度为125px.当用户悬停ul时,我想要将高度设置为自动高度.当用户超出ul时,UL再次碰撞到125px.

    $('.box .box-overflow ul').hover(function() {
        $(this).animate({
            height: '100%'
        }, 400);
    }, function() {
        $(this).animate({
            height: '125px'
        }, 400);
    });

这工作,但当用户进入ul它扩展但没有一个很好的动画效果？

有人可以帮我这个吗？:)

如果用户将鼠标悬停在链接上,图像将与最后带有"-on"的图像交换,我想执行以下操作.

但是当我悬停标签时,如何才能在图像上获得交换？

HTML代码:

<div>
    <a href="#">
        <img src="image.jpg" alt="" />
        Here some caption
    </a>
</div>

我无法将图片网址放在标题中...

我在1页上设置了一些滑块但是当你滑动1个滑块时,所有滑块的数量都会改变...

如何让滑块彼此分开？如果不是变异工作,我如何使用跨度而不是输入字段来显示金额？

JS:

$(".slider").each(function () {
    $(".slider-range").slider({
        range: true,
        min: 0,
        max: 100,
        values: [30, 60],
        slide: function (event, ui) {
            $(".amount").val("$" + ui.values[0] + " - $" + ui.values[1]);
        }
    });
    $(".amount").val("$" + $(".slider-range").slider("values", 0) + 
                     " - $" + $(".slider-range").slider("values", 1));
});      

HTML:

 <div class="slider">
      <b>Price range:</b>
      <input type="text" class="amount" />
      <div class="slider-range"></div> 
 </div>

我可以将Show entires过滤器放在表格下方而不是表格上方的搜索过滤器中吗？

请参阅:http://datatables.net/release-datatables/examples/basic_init/alt_pagination.html

而且我知道我可以放置位置:绝对和东西,但我想要桌面下的那些东西的HTML代码.

我想验证我的选择框,但因为我使用jQuery UI设置我的选择框样式它不起作用.

Jquery UI设置为显示的真实选择框:无,这就是为什么它不起作用看到:

但是我怎样才能使用jQuery UI selectbox插件呢？

我希望有人能有一个有效的解决方案.:)

我正在使用'Owl Carousel 2'构建一个漂亮的内容滑块,只有当只有一个或多个项目可见时才可以隐藏导航按钮吗？

当只有一个项目或两个项目可见时,他们会在div.item上附加第二个CSS类？

喜欢:当有一个项目时:类"第一项",当有两个框时:class ="item two"当有多于2时,那么它将只有class ="item".

JS:

jQuery("#sliderwhat").owlCarousel({
    loop : true,
    nav : true
});

HTML:

<div id="sliderwhat" class="box">

    <div class="item">
        <img src="image.jpg" alt="" />
        <span>Personal guide / <span>Amsterdam</span></span>
        <div>Here some text bla bla bla.</div>
    </div>

</div>

如何在图表顶部创建更多空间？

现在我明白了:

但我想要这个:

这是我的JS代码:

$("table.chart").each(function() {
    var colors = [];
    $("table.chart thead th:not(:first)").each(function() {
        colors.push($(this).css("color"));
    });
    $(this).graphTable({
        series: 'columns',
        position: 'replace',
        width: '100%',
        height: '200px',
        colors: colors
    }, {
        xaxis: {
            tickSize: 1
        }
    });
});

我有这个 html 行：

<div class="hide-btn top tip-s" original-title="Close sidebar"></div>

当用户点击它时，我希望文本更改为“打开侧边栏”，我该怎么做？

这是我的JS：

$(".hide-btn").click(function(){
    if($("#left").css("width") == "0px"){
        $("#left").animate({width:"230px"}, 500);
        $("#right").animate({marginLeft:"250px"}, 500);
        $("#wrapper, #container").animate({backgroundPosition:"0 0"}, 500);
        $(".hide-btn.top, .hide-btn.center, .hide-btn.bottom").animate({left: "223px"}, 500, function() { $(window).trigger("resize");});
    }
    else{
        $("#left").animate({width:"0px"}, 500);
        $("#right").animate({marginLeft:"20px"}, 500);
        $("#wrapper, #container").animate({backgroundPosition:"-230px 0px"}, 500);
        $(".hide-btn.top, .hide-btn.center, .hide-btn.bottom").animate({left: "-7px"}, 500, function() { $(window).trigger("resize");});
    }
});

感谢您的时间！

我正在用jquery-ui制作一些滑块,我有一个问题如何我可以做以下事情:

我有这个HTML代码:

<div class="slider range-slide">
    <b>A range slider:</b>
    <span class="amount"></span>
    <div class="slide"></div> 
</div> 

这是js:

$(".range-slide").each(function () {
    var $this = $(this);
    $(".slide", $this).slider({
        values: [30, 60],
        min: 0,
        max: 100,
        range: true,
        slide: function (event, ui) {
            $("span.amount", $this).html("" + ui.values[0] + 
                                         " - " + ui.values[1]);
        }
    });
    $(".range-slide span.amount").html("" + $(".slide").slider("values", 0) + 
                                       " - " + $(".slide").slider("values", 1));
});   

Everyting工作正常,但我怎么能这样做:

<div class="slider range-slide">
    <b>A range slider:</b>
    <span class="amount"></span>
    <div class="slide" value="30,60" max="100" min="10"></div> 
</div>