В этой статье описывается метод JS+CSS для реализации межлистного эффекта изменения цвета Li List. Поделитесь этим для вашей ссылки. Конкретный метод реализации следующим образом:
Скопируйте код следующим образом: <! Doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<голова>
<title> CSS+JS реализует межлистное изменение цвета эффекта Li List </title>
</head> <body>
<style>
.mytable {Border-Collapse: Collapsse; граница: твердый #6AA70b; ширина границы: 0px 0 0 0px; ширина: 50%;}
.mytable ul li {padding-top: 5px; text-indent: 2em; list-style: none; фон: url (/images/20110704/new_dot.gif) 3px 50% no-repeat; Border-bottom:#6aa70b 1px пунктир; 12px; Color:#008000; Text-Align: слева; Высота: 25px;}
.mytable ul li.t1 {founal-color: #effedd;}
.mytable ul li.t2 {founal-color: #ffffff;}
.mytable ul li.t3 {founal-color:#d2fca0;}
</style>
<body style = margin: 0;> <br> <br> <br>
<div align = "center">
<div class = mytable id = вкладка>
<ul>
<li>
<a target = "_ blank" href = "// www.vevb.com/article/61182.htm">
Методы реализации текста и эффектов перетаскивания картин в JavaScript </a> </li>
<li>
<a target = "_ blank" href = "// www.vevb.com/article/61181.htm">
Метод jQuery, чтобы реализовать эффект отображения, нажатия на изображения и поворота страниц </a> </li>
<li>
<a target = "_ blank" href = "// www.vevb.com/article/61180.htm">
Метод PHP для реализации рекурсии и бесконечной классификации </a> </li>
<li>
<a target = "_ blank" href = "// www.vevb.com/article/61179.htm">
Метод PHP, чтобы удвоить значение (число) каждой единицы в многомерном массиве </a> </li>
<li>
<a target = "_ blank" href = "// www.vevb.com/article/61178.htm">
Анализ общих функций Примеры добавления и удаления единиц в массивах PHP </a> </li>
<li>
<a target = "_ blank" href = "// www.vevb.com/article/61177.htm">
JS+CSS реализует перетаскиваемое всплывающее окно в поле </a> </li>
<li>
<a target = "_ blank" href = "// www.vevb.com/article/61176.htm">
JS реализует метод выбора изображения, который будет отображаться в раскрывающейся коробке </a> </li>
<li>
<a target = "_ blank" href = "// www.vevb.com/article/61175.htm">
JS, чтобы понять, как нажать на изображение, чтобы скопировать адрес изображения на плату вставки </a> </li>
</ul> </div> <script type = "text/javascript">
<!-
var ptr = document.getElementbyId ("tab"). getElementsbytagname ("li");
функция $ () {
for (i = 1; i <ptr.length+1; i ++) {
Ptr [i-1] .classname = (i%2> 0)? "T1": "T2";
}
}
window.onload = $;
for (var i = 0; i <ptr.length; i ++) {
Ptr [i] .onmouseover = function () {
this.tmpclass = this.classname;
this.classname = "t3";
};
Ptr [i] .onmouseout = function () {
this.classname = this.tmpclass;
};
}
//->
</script>
</body>
</html>
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.