Как правило, включают смещение местного времени (включая смещение летнего времени) в сохраненные временные метки: одного UTC недостаточно, если позднее вы захотите отобразить временную метку в ее исходном часовом поясе (и настройку летнего времени).
Имейте в виду, что смещение не всегда является целым числом часов (например, индийское стандартное время UTC + 05: 30).
Например, подходящими форматами являются кортеж (время unix, смещение в минутах) или ISO 8601 .
Итак, вы знаете, что изменения в DOM с Javascript не отражаются при просмотре исходного кода.
Этот код должен работать, если ваш CSS выглядит так ...
tr.odd td
{
background:#070;
}
вот два способа / метода для создания полосатых зебр, один способ с использованием jQuery и один способ с использованием CSS3.
Первый метод - использование jQuery
HTML
Для создания "полосатая" таблица, нам нужно создать таблицу с идентификатором, чтобы идентифицировать ее и применить стиль только к этой таблице, в этом примере мы назовем ее " zebra_triped "
<table id="zebra_triped" cellpadding="1" cellspacing="1" >
<tr>
<td>Lorem ipsum dolor sit amet</td>
<td>Lorem ipsum dolor sit amet</td>
</tr>
<tr>
<td>Lorem ipsum dolor sit amet</td>
<td>Lorem ipsum dolor sit amet</td>
</tr>
<tr>
<td>Lorem ipsum dolor sit amet</td>
<td>Lorem ipsum dolor sit amet</td>
</tr>
<tr>
<td>Lorem ipsum dolor sit amet</td>
<td>Lorem ipsum dolor sit amet</td>
</tr>
<tr>
<td>Lorem ipsum dolor sit amet</td>
<td>Lorem ipsum dolor sit amet</td>
</tr>
</table>
CSS
Мы создаем стиль для четных строк и другой для нечетных строк.
<style type="text/css">
html, body { font: 12px verdana; color: #333; }
table { background-color: white; width: 100%; }
.oddRow { background-color:#ffcc00; }
.evenRow { background-color:#cccccc; }
</style>
jQuery
Наконец, нам нужно создать код jQuery, который добавит классы CSS в теги tr, это достигается с помощью следующего кода:
<script type="text/javascript">
$(document).ready(function() {
$("#stripedTable tr:odd").addClass("oddRow");
$("#stripedTable tr:even").addClass("evenRow");
});
</script>
Первая строка выбирает нечетные теги tr внутри элемента с идентификатором zebra_triped и добавляет им класс oddRow, последняя строка делает то же самое с четными строками, добавляя им класс evenRow.
Второй метод - с использованием CSS
** Мой любимый:) *
HTML
<div id="comments">
<h3>Comments</h3>
<div class="comments_body">
<header>By: <a href="#"> Lorem ipsum </a></header>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,.</p>
</div>
<div class="comments_body">
<header>By: <a href="#"> Lorem ipsum </a></header>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, </p>
</div>
<div class="comments_body">
<header>By: <a href="#"> Lorem ipsum </a></header>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, </p>
</div>
<div class="comments_body">
<header>By: <a href="#"> Lorem ipsum </a></header>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, </p>
</div>
<div class="comments_body">
<header>By: <a href="#"> Lorem ipsum </a></header>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, </p>
</div>
</div>
CSS
<style type="text/css">
html, body { font: 12px verdana; color: #333; }
table { background-color: white; width: 100%; }
#comments { margin-top: 21px; padding-top: 10px; border-top: 1px solid #d7d7d7; }
#comments .comments_body { display: table; padding: 10px; }
#comments .comments_body:nth-child(odd) {
padding: 21px;
background: #E3E3E3;
border: 1px solid #d7d7d7;
-moz-border-radius: 11px; // support FireFox which runs on Mozilla engine
-webkit-border-radius: 11px; // support Safari and Chrome which they run on WebKit engine
// as usual IE is behind and no support for it yet, unless you need to hack it using Java Script.
}
</style>
- moz -border-radius: 11px; и ] - webkit -border-radius: 11px; Здесь я определяю радиус / круглый угол границы контейнера для каждого угла. Это только одна строка, указывающая свойство радиуса для всех углов, но я могу указать конкретный угол, как показано ниже:
- moz -border-radius-bottomleft:11px;
- moz -border-radius-bottomright:11px;
- moz -border-radius-topleft:11px;
- moz -border-radius-topright:11px;
и
- webkit -border-radius-bottomleft:11px;
- webkit -border-radius-bottomright:11px;
- webkit -border-radius-topleft:11px;
- webkit -border-radius-topright:11px;
Надеюсь, это поможет,
Ахмед
jQuery не изменяет исходный код HTML-документа, он изменяет структуру DOM (представление в памяти документ). Чтобы увидеть эти изменения, вы должны использовать подключаемый модуль браузера, который показывает DOM документа (Firebug для Firefox, Инструменты разработчика (F12) для IE).
Попробуйте вместо этого добавить класс в td
следующим образом:
$("tr:odd td").addClass("odd");