小编Mar*_*ini的帖子

我正在尝试在水平图库中为响应式图像创建叠加层.叠加div在li具有position和大z-index值,但仍显示在图像的背景.当我尝试为absolute更高z-index的图像做图像时水平滚动失败.

看演示:Jsfiddle

html,
body {
  min-height: 100%;
  height: 100%;
}
body {
  width: 100%;
  margin: 0;
  padding: 0;
}
#thumbsList {
  height: 76%;
  white-space: nowrap;
  margin: 0;
  padding: 0;
  line-height: 0px;
  top: 13%;
  left: 80px;
  list-style-type: none;
  top: 13%;
  position: absolute;
}
#thumbsList li {
  display: inline;
  position: relative;
}
#thumbsList li img {
  max-width: 100%;
  height: 100%;
  transition: all 0.8s ease;
}
.Absolute-Center {
  margin: auto; …

嘿伙计们,我是新手.我正在学习Zurb基础,我的问题是如何增加框架中行的默认宽度.像960网格系统有960像素.如何将行的愿望增加到1200px,那么我应该添加自定义样式表吗？请帮忙,谢谢.

我是Gulp的新手.我有两个任务:

gulp.task('jadehtml', function() {
  var YOUR_LOCALS = {};
  gulp.src('source/jade/*.jade')
    .pipe(jade({
      locals: YOUR_LOCALS,
      pretty: true
    }))
    .pipe(gulp.dest('build'))
});
// End Gulp Jade 

// default task

//  sass
gulp.task('sass', function () {
  return gulp.src('source/scss/*.scss')
    .pipe(sass().on('error', sass.logError))
    .pipe(gulp.dest('build/css'));
});

现在他们在单独运行时工作得很好.但是当我使用gulp.watch()命令时,他们会给我一个错误.这是我的watch任务:

gulp.task('watch', function() {
  gulp.watch('source/jade/*.jade', 'jadehtml');
  gulp.watch('source/scss/*.scss', 'sass');
});

这是错误:

我在这里有点困惑.我正在研究一个动态项目,我想将不同的css应用于具有相同类但没有id的div.我如何应用不同的CSS说同一个类的第一个div,然后不同的css到同一个类的第二个div等等...让我说我的fullwidthContainer类适用于3 divs 对于第一个div,我想要宽度1000px,到第二个我想要800px等等. 我不能在这里给一个id或另一个类,因为它是动态生成的.请帮忙.

谢谢.

好的,我用javascript做到了这一点

  function emphatic()
{
    var totalContainers=document.getElementsByClassName('fullwidthContainer')
    var className=1;

    for (var i = 0; i < totalContainers.length; i++) {
        className=className+1;
        totalContainers[i].setAttribute("class", "dropdown_5columns fullwidthContainer customMenuClass");
    };

}
emphatic();

现在我如何追加每次添加1的classname到新类. 我的意思是像customclass1,customclass2等等div ...谢谢,

嗨,我试图使用关闭点击关闭div ..这是代码

var closeIcon=document.getElementsByClassName('.monique-close-icon');  

    function closeBigImgAndContainer()
{
    MoniqueDiv.style.display= "none";
    currentBigImageToDisplay.style.display="none";
};

closeIcon.addEventListener("click", closeBigImgAndContainer);

但是在控制台中有一个错误 Uncaught TypeError:closeIcon.addEventListener不是一个函数(匿名函数)@ main.js:14 请告诉我我在哪里做错了...谢谢.

这是我的脚本

var marks = 11;
switch (marks) {
  case (marks < 20):
    console.log('Yes Freaking Failed');
    break;
  case (marks > 20):
    console.log('Ahh Its Ok');
    break;
  case (marks > 80):
    console.log('Whooping');
    break;
  default:
    console.log('Cant say u maybe Flunked');
    break;
}

我认为它应该显示，'Yes Freaking Failed'因为分数小于 20。但它显示'Cant say u maybe Flunked'

这是为什么？

我对jquery很新.我试图检查页面加载,如果数据属性有一个值或是空的.这是我的HTML

data-tablet="img/xl.jpg"

我如何检查是否有路径设置或是否为空.这是我的js

if ($('#myImg').data('tablet')=null) {
alert('Path not Set');
};

但它给了我一个错误.你能告诉我如何解决它吗？谢谢.

我试图像这样添加一个原型函数

function Dog(name, breed) {
    this.name = name;
    this.breed = breed;
}

function barkWithMe() {
    console.log("woof woof i am " + this.name);
}
Dog.prototype.bark = barkWithMe();

var snoopy = new Dog();
snoopy.bark();

但它显示错误

Uncaught TypeError: snoopy.bark is not a function

请告诉我我哪里错了.谢谢.

我试图在 Sass 中连接两种颜色：

$helloWorld: pink;
$secondString: red;

p {
  color:$helloWorld + $secondString;
}

但结果是：

 p {
  color: pink; }

为什么颜色没有连接起来产生pinkred？

我是js的新手.我正在创建一个对象但不知何故它不会在控制台中给出结果.这是我的代码.

var car=new object();
car.name="Mercedes Benz";
car.speed=220;
car.showNameAndSpeed=function(){
console.log("The name of the car is " + car.name + " and the topspeed is " + car.speed());
    };

car.showNameAndSpeed();

它说对象没有定义.我做错了什么？谢谢.

我试图做一些例子。我想对数组的所有元素求和，这是我的代码

var marks = [10, 20, 30, 40];
var total = 0;

for (var singleMark in marks) {
    total += marks;

}
console.log("the total marks re " + total);

但是显示的结果是 总计分数010,20,30,4010,20,30,4010,20,30,4010,20,30,40

请帮助我，告诉我我在哪里做错了。谢谢。我可以使用for循环，但是我想像Javascript中那样学习使用foreach，因为它是这样的明确指南