Jquery, как изменить фон вашего сайта?

0

На моем веб-сайте у меня есть CSS:

body { 
  background: #FFF url(../images/bg.jpg) no-repeat center fixed;
}

Поэтому он устанавливает фоновое изображение, и то, что я хочу сделать, - это когда пользователь загружает на какую-либо страницу фоновое изображение, а не только для этой страницы, в которой он используется, но для всех.

Как я могу это сделать?

На данный момент у меня есть сценарий:

<script>
document.body.style.background="#FFF url('../images/bg2.png') no-repeat center fixed";
</script>

Поэтому он меняет фоновое изображение, но только для этой текущей страницы, другие загружаются с фоновым изображением по умолчанию, определенным в css :(

я не упоминал, что имя изображения представлено на странице, где я хочу изменить эту базу, и она динамична

ПРИМЕР ПОЛЬЗОВАТЕЛЯ: здесь мы отправляемся на сайт, например, www.example.com, и есть какая-то страница смены базы данных на www.example.com/account. У меня такая же база и когда я перехожу на www.example.com/change я хочу изменить свое фоновое изображение, поэтому, когда я снова не вернусь на www.example.com/account, изображение также изменилось

  • 0
    Это внедрит стиль как встроенный, поэтому убедитесь, что вы изменили путь
Теги:
web-site-project

5 ответов

1
Лучший ответ

Используйте HTML5 localStorage для хранения стиля.

Затем при загрузке:

$("body").css("background",localStorage.style);
Поделиться
  • 0
    Можете ли вы привести пример?
  • 0
    После загрузки определенной страницы выполните скрипт, например localStorage.style = "#FFF url('../images/bg2.png') no-repeat center fixed"; , Поэтому, когда пользователь загружает другую страницу, когда $("body").css("background",localStorage.style); выполняется, он загружает ранее сохраненный стиль.
Показать ещё 1 комментарий
2

Напишите свой script в файле и включите этот файл на все страницы, используя <script>.

Или другое решение is-

Просто напишите сценарий на всех страницах! Но я не думаю, что вы хотите сделать эту повторяющуюся работу, потому что если когда-нибудь вы планируете изменить сценарий, вам придется изменить его на всех страницах. Но в первом решении, о котором я говорил, вы должны изменить его только в одном месте.

Добавлено:

Основываясь на ваших комментариях, я могу думать о is-

1- Создайте глобальную переменную, которая будет постоянной на всех ваших страницах вашего сайта. Прежде чем каждый раз, когда вы загружаете страницу, проверьте, истинно это или нет. Если это правда, используйте старый фон. Если это неверно, используйте новый фон. По умолчанию это верно, и когда вы открываете страницу www.example.com/change, вы устанавливаете значение false.

2- Поместите CSS для фона в файл. Когда вы загружаете эту страницу www.example.com/change, измените содержимое этого файла.

Поделиться
  • 0
    это не может быть, потому что я хочу изменить этот фон только тогда, когда пользователь загружает определенный apge, если не по умолчанию должны отображаться и после действия всегда второй
  • 0
    @Vardius трудно понять, что вы говорите, может быть, вы не правильно формулируете это по-английски :)
Показать ещё 2 комментария
0

Вы можете использовать макет по умолчанию для всех страниц... например, главную страницу......

Только в этом главном веб-сайте вы будете загружать все ваши страницы html,

Если пользователь загрузил эту конкретную страницу, измените фоновое изображение главной страницы и измените ее на все страницы, потому что все страницы наследуются от главной страницы.

Поделиться
0

Попробуйте эти

$(this).css('background-color', 'red');

или это

$(this).css("background", "url('../images/r-srchbg_white.png'))

или это

$(this).parent().css("background", "url('../images/r-srchbg_white.png') no-repeat");
Поделиться
0 
 simply by : 

$('body').css('background','url(imagefile.png)');
Поделиться
  • 0
    это изменит мой задний план на всех страницах? после загрузки скрипта на одной странице изменилась ли другая, которая включает стиль CSS?
  • 0
    да, это работает для всех страниц, вам просто нужно включить свою страницу javascript во все остальные страницы! Например: ex.js - это файл с вышеуказанным кодом, у которого есть index1.html, index2.html и т. д. Просто добавьте <script src = "ex.js"> </ script> на всех страницах.
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню