Использование кавычек в animate?

Question

[Владимир Голубь]

Не могу понять, как тут пользоваться кавычками ?

$( "#block" ).animate({
    width: "70%",
    opacity: 0.4,
    marginLeft: "0.6in",
    fontSize: "3em",
    borderWidth: "10px"
  }, 1500 );

Как я понял, если свойство состоит из одного слова то пишем без кавычек, а если из двух или с - , то либо кавычки либо Camel Case. А вот со значениями понять не могу.
К примеру находил даже такое
"width": "100",

Answer 1

[Константин Китманов]

Имя свойства должно быть валидным идентификатором JS, чтобы его можно было писать без кавычек.

var obj = {
    validIdentifier: true,
    'valid-identifier': false
}

К примеру находил даже такое "width": "100",

Ответьте на вопрос: ширина равняется 100 чему? пикселей -- нет, не пикселей, процентов -- нет, попугаев, терафлопсов, биткойнов... все не то.

Answer 2

[Андрей Чернышев]

Я конечно не отвечу вам на вопрос, но посоветую забить на jquery анимацию и использовать css3 анимацию, это лучше, понятней и эффективней!

Comments

[Владимир Голубь]

Спасибо. Просто сейчас читаю книгу по jQuery. И как раз выписал книгу "Большая книга по CSS3", но она еще не пришла.

[Владимир Голубь]

А меньше ресурсов ест кто?

[Андрей Чернышев]

RazerVG: CSS3 анимация