小编Joe*_*ott的帖子

样式化JQuery UI自动完成

小提琴

我想样式自动完成内部的部分,但我不知道要放什么东西在CSS 章节.我特意想做:

color: #96f226;
border-radius: 0px;
border: 1px solid #454545;
Run Code Online (Sandbox Code Playgroud)

有什么建议???

javascript css jquery jquery-ui jquery-ui-autocomplete

48
推荐指数
2
解决办法
14万
查看次数

背景颜色悬停渐变效果CSS

首先,我是初学者.我想要一步一步的指导.

我想为Wordpress中的链接添加平滑的背景悬停效果

a {
  color:#000;}
a:hover {
  background-color: #d1d1d1; color:#fff;
}
Run Code Online (Sandbox Code Playgroud)

我希望链接上的悬停缓慢而不是即时.我需要任何JavaScript或jQuery吗?如果是这样,请告诉我如何做到这一点.

javascript css wordpress jquery background

31
推荐指数
1
解决办法
8万
查看次数

白角webkit-scrollbar

小提琴

::-webkit-scrollbar用来在Chrome中制作自定义滚动条.我有一个border-radius: 10px,在这样做,顶部有白色的角落:

这有点难看

对不起,这很难看,因为它是一个滚动条.

我希望角落与标题div(#dadae3)的颜色相同.有没有办法在不改变滚动条样式的情况下使用CSS摆脱白角?

CSS(整个):

body {
  padding: 0;
  margin: 0
}
::-webkit-scrollbar {
  width: 13px;
}
::-webkit-scrollbar-track {
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid #aeaeb5
}
::-webkit-scrollbar-thumb {
  background: #dadae3;
  border-radius: 10px;
  border: 1px solid #aeaeb5
}
::-webkit-scrollbar-thumb:hover {
  background: #c4c4cc
}
::-webkit-scrollbar-thumb:active {
  background: #aeaeb5
}
Run Code Online (Sandbox Code Playgroud)

HTML:

<div style='background: #dadae3; width: 100%; height: 30px;'></div>
<div style='width: 100%; height: 1000px'></div>
Run Code Online (Sandbox Code Playgroud)

html css webkit css3

18
推荐指数
1
解决办法
7774
查看次数

如何在php中使用ajax上传多个图像

我有这样的UI:
在此输入图像描述

我想在php中使用ajax上传多个视频.为此我在jQuery中尝试了FormData().但它只上传了一张图片,而不是更多.

我的表格文件:

<form enctype="multipart/form-data" action="/test.php" 
method="post" class="putImages">
   <input name="media[]" type="file" multiple/>
   <input class="button" type="submit" alt="Upload" value="Upload" />
    <button type="button" id="add"></button>
</form>
Run Code Online (Sandbox Code Playgroud)

我的jQuery文件:

<script type="text/javascript">
    $(document).ready(function() {
        $("#add").click(function() {
            var $div = $('div[id^="inputdiv"]:last');
            var num = parseInt($div.prop("id").match(/\d+/g), 10) + 1;
            var $klon = $div.clone().prop('id', 'inputdiv' + num).appendTo("#athleteRegister").insertBefore("#submitbutton");
            $('#inputdiv' + num).find("input").attr('name', 'file[' + num + ']');
            $('#inputdiv' + num).find("input").val("");
            $('#inputdiv' + num).find("input").attr('id', 'file' + num);
            $('#inputdiv' + num).find("input").css("outline", "none");
            $('#inputdiv' + num).find("div.col-sm-1 i").attr('class', 'fa fa-minus');
            $('#inputdiv' + num).find("div.col-sm-1 button").attr('id', 'remove');
            $('#inputdiv' …
Run Code Online (Sandbox Code Playgroud)

javascript ajax jquery html5

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

简单的javascript重装不起作用

是宾.我试图通过location.reload()在函数中refresh()使用并使用onclick='refresh()'按钮来重新加载页面的示例.由于某种原因,页面没有重新加载.

JS功能:

function refresh() {
    location.reload();
}
Run Code Online (Sandbox Code Playgroud)

HTML按钮:

<button onclick='refresh()'>Try Refreshing!</button>
Run Code Online (Sandbox Code Playgroud)

html javascript reload

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

$()toggleClass(); 不工作

是小提琴.我试图通过使用a <div>和应用颜色来创建我自己的复选框$().css().当您单击时div,我试图$().toggleClass()在单击功能中使用将背景颜色更改为#96f226

jQuery的:

$('div').mouseenter(function(){
    $(this).css('background','#656565');
});
$('div').mouseleave(function(){
    $(this).css('background','#4a4a4a');
});
$('div').click(function(){
    $(this).toggleClass('active');
});
Run Code Online (Sandbox Code Playgroud)

HTML:

<div></div>
Run Code Online (Sandbox Code Playgroud)

CSS:

div {
    width: 15px;
    height: 15px;
    background: #4a4a4a;
    cursor: pointer;
}
.active {
    background: #96f226
}
Run Code Online (Sandbox Code Playgroud)

html css jquery toggleclass

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

位置:固定重叠页面

这是小提琴.我正在制作一个购物清单网络应用程序,我正在使顶级div成为一个固定的位置.当我这样做时,div似乎与页面的其余部分重叠.我已经尝试在css(position: relative; position: fixed)中使用两个位置,但这不会让div保持固定.

CSS(对于div):

#top {
    width: 100%;
    height: 40px;
    background: #96f226;
    text-align: center;
    font-size: 30px;
    color: #252525;
    position: relative;
    position: fixed;
}
Run Code Online (Sandbox Code Playgroud)

HTML(对于div):

<div id='top'>Kitchen List</div>
Run Code Online (Sandbox Code Playgroud)

html css css-position

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

“ glyphicon glyphicon-plus”未显示

我正在使用Bootstrap 3.0,并且正在使用Twitter Bootstrap Glyphicons。我正在尝试使用“ glyphicon glyphicon-plus”,但是当我将它放在类中时,它没有显示。

在此处输入图片说明

PS我正在使用页面http://netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css链接到引导程序

码:

我只有一个图标,没有样式。

<button id='b'><span class='glyphicon glyphicon-plus'></span></button>
Run Code Online (Sandbox Code Playgroud)

html css twitter-bootstrap

0
推荐指数
1
解决办法
5726
查看次数