> 백엔드 개발 > PHP 튜토리얼 > 求PHP或者JS给调用的循环列表超链接文字换不同颜色

求PHP或者JS给调用的循环列表超链接文字换不同颜色

WBOY
풀어 주다: 2016-06-23 13:33:26
원래의
1185명이 탐색했습니다.

我的HTML调用代码是这样的

{loop $ad_types $u $v}<a href="$u" target="_blank"><font color=在此改变偶数和奇数条的超链接的文字颜色交替">$v</font></a>{/loop}
로그인 후 복사

PHP的代码是
$adlist = explode ("\n", str_replace ("\r", "", $ad)); foreach($adlist as $url=>$value){	$arr=explode('|',$value);	$ad_types[$arr[0]]=$arr[1];        }
로그인 후 복사

需要调用循环的原始代码假如是
http://www.csdn.net | 您好CSDNhttp://www.google.com | 您好谷歌http://www.baidu.com | 百度网http://www.163.com | 网易
로그인 후 복사

求解决 在线等


回复讨论(解决方案)

JQuery

<style>A.even:link { COLOR: #0f6; TEXT-DECORATION: none }A.even:visited { COLOR: #0f6; TEXT-DECORATION: none }A.even:hover { COLOR: #0f6; TEXT-DECORATION: underline }A.odd:link { COLOR: #000; TEXT-DECORATION: none }A.odd:visited { COLOR: #000; TEXT-DECORATION: none }A.odd:hover { COLOR: #f60; TEXT-DECORATION: none }</style><script src=scripts/jquery-1.8.3.min.js></script><script>$(function() {   $("a:even").addClass("even");    $("a:odd").addClass("odd"); });</script><a href=http://www.csdn.net>您好CSDN</a><br><a href=http://www.google.com>您好谷歌</a><br><a href=http://www.baidu.com>百度网</a><br><a href=http://www.163.com>网易</a><br>
로그인 후 복사
로그인 후 복사

你这个是什么标签模版?
大概思路是这样,如果你的模版有index,估计可以用index代替 $xx

{php $xx=1}{loop $ad_types $u $v}{if $xx%2==1}<a href="$u" target="_blank"><font color=#ff0000">$v</font></a>{else}<a href="$u" target="_blank"><font color=#ffff00">$v</font></a>{/if}{php $xx++}{/loop}
로그인 후 복사

JQuery

<style>A.even:link { COLOR: #0f6; TEXT-DECORATION: none }A.even:visited { COLOR: #0f6; TEXT-DECORATION: none }A.even:hover { COLOR: #0f6; TEXT-DECORATION: underline }A.odd:link { COLOR: #000; TEXT-DECORATION: none }A.odd:visited { COLOR: #000; TEXT-DECORATION: none }A.odd:hover { COLOR: #f60; TEXT-DECORATION: none }</style><script src=scripts/jquery-1.8.3.min.js></script><script>$(function() {   $("a:even").addClass("even");    $("a:odd").addClass("odd"); });</script><a href=http://www.csdn.net>您好CSDN</a><br><a href=http://www.google.com>您好谷歌</a><br><a href=http://www.baidu.com>百度网</a><br><a href=http://www.163.com>网易</a><br>
로그인 후 복사
로그인 후 복사









非常感谢  我使用了你的代码 达到了我想要的结果
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿