js图片切换特效代码
本文章提供一款超漂亮的js图片切换特效代码哦，利用了js css教程 来实现的一款图片切换代码，不用flash全js实现的，很好用与实在。
<!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3c.org/tr/1999/rec-html401-19991224/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>js图片切换特效代码</title>
<meta http-equiv=content-type content="text/html; charset=gb2312">
<meta content= name=description>
<link href="css/163css.css" type=text/css rel=stylesheet><script src="js/163css.js"></script>
<meta content="mshtml 6.00.6000.17080" name=generator></head>
<body>
<div class=hy_p211>
<dl class=hy_p21_dl1>
<dt>
<table cellspacing=0 cellpadding=0 border=0>
<tbody>
<tr>
<td valign=center height=297><a id=bbimgurla
href="#"><img id=bbimg alt="爱美不怕冷 各种性感走起来"
src="images/php教程gmpkt3.jpg"></a></td></tr></tbody></table><span></span></dt>
<dd><a id=bbimgurlb href="http://msn.street.yoka.com/gp_8843.htm">爱美不怕冷
各种性感走起来</a> </dd></dl>
<ul class=hy_p21_ul id=c12>
<li>
<table cellspacing=0 cellpadding=0 border=0>
<tbody>
<tr>
<td valign=center height=95><a
href="#"><img alt="爱美不怕冷 各种性感走起来" src="images/phpgmpkt3(1).jpg"></a></td></tr></tbody></table></li>
<li>
<table cellspacing=0 cellpadding=0 border=0>
<tbody>
<tr>
<td valign=center height=95><a
href="#"><img alt="街头大选美 究竟谁是你的菜" src="images/phptzkg40(1).jpg"></a></td></tr></tbody></table></li>
<li>
<table cellspacing=0 cellpadding=0 border=0>
<tbody>
<tr>
<td valign=center height=95><a
href="#"><img alt="dodo dog & coco cat 对对碰" src="images/phpgnzz98(1).jpg"></a></td></tr></tbody></table></li>
<li>
<table cellspacing=0 cellpadding=0 border=0>
<tbody>
<tr>
<td valign=center height=95><a
href="#"><img alt="复古也时尚 照样俘获男友心" src="images/phpganous.jpg"></a></td></tr></tbody></table></li>
<li>
<table cellspacing=0 cellpadding=0 border=0>
<tbody>
<tr>
<td valign=center height=95><a
href="#"><img alt="时尚忠告 天凉请穿裤" src="images/phpvpbxev(1).jpg"></a></td></tr></tbody></table></li>
<li>
<table cellspacing=0 cellpadding=0 border=0>
<tbody>
<tr>
<td valign=center height=95><a
href="#"><img alt="美翻街头 谁才是真正花仙子" src="images/phpay8xim.jpg"></a></td></tr></tbody></table></li>
<li>
<table cellspacing=0 cellpadding=0 border=0>
<tbody>
<tr>
<td valign=center height=95><a
href="#"><img alt="小小外套 让你魅力翻一翻" src="images/php7a1uwn.jpg"></a></td></tr></tbody></table></li>
<li>
<table cellspacing=0 cellpadding=0 border=0>
<tbody>
<tr>
<td valign=center height=95><a
href="#"><img alt=西单街头个个拥有超模好身材 src="images/phprw9xr8(1).jpg"></a></td></tr></tbody></table></li>
<li>
<table cellspacing=0 cellpadding=0 border=0>
<tbody>
<tr>
<td valign=center height=95><a
href="#"><img alt="帽子变戏法 让你告别大饼脸" src="images/phpycyam0.jpg"></a></td></tr></tbody></table></li>
<li>
<table cellspacing=0 cellpadding=0 border=0>
<tbody>
<tr>
<td valign=center height=95><a
href="#"><img alt="街头达人 发型变变变" src="images/phpfsgvxw.jpg"></a></td></tr></tbody></table></li>
<li>
<table cellspacing=0 cellpadding=0 border=0>
<tbody>
<tr>
<td valign=center height=95><a
href="#"><img alt="甜美妞vs中性范 挑出你的爱" src="images/phptjyz9n(1).jpg"></a></td></tr></tbody></table></li>
<li>
<table cellspacing=0 cellpadding=0 border=0>
<tbody>
<tr>
<td valign=center height=95><a
href="#"><img alt="看够萝莉 原来熟女更有味道" src="images/phpmpbi0u.jpg"></a></td></tr></tbody></table></li>
<li>
<table cellspacing=0 cellpadding=0 border=0>
<tbody>
<tr>
<td valign=center height=95><a
href="http://msn.street.yoka.com/gp_8801.htm"><img alt="内衣外穿 美女要性感拒绝矜持"
src="images/phpiutncd.jpg"></a></td></tr></tbody></table></li>
<li>
<table cellspacing=0 cellpadding=0 border=0>
<tbody>
<tr>
<td valign=center height=95><a
href="http://msn.street.yoka.com/gp_8800.htm"><img alt="流鼻血不止 黑丝袜诱惑无边界"
src="images/php0arkdz.jpg"></a></td></tr></tbody></table></li>
<li>
<table cellspacing=0 cellpadding=0 border=0>
<tbody>
<tr>
<td valign=center height=95><a href="#"><img alt="台北狂欢之夜 大密舞弄风骚"
src="images/phps教程819xg.jpg"></a></td></tr></tbody></table></li>
<li>
<table cellspacing=0 cellpadding=0 border=0>
<tbody>
<tr>
<td valign=center height=95><a href="#"><img alt="西单妞比拼穿着 秀美腿"
src="images/phpuyk3w2(1).jpg"></a></td></tr></tbody></table></li>
<li>
<table cellspacing=0 cellpadding=0 border=0>
<tbody>
<tr>
<td valign=center height=95><a href="#"><img alt="童心未泯 北京小妞爱装嫩" src="images/phpnenrun.jpg"></a></td></tr></tbody></table></li>
<li>
<table cellspacing=0 cellpadding=0 border=0>
<tbody>
<tr>
<td valign=center height=95><a
href="#"><img alt="情侣档 从穿衣看出默契十足" src="images/phpzhu3al.jpg"></a></td></tr></tbody></table></li></ul>
<script>
var bbimg=[
"images/phpgmpkt3.jpg|http://www.zzzyk.com|爱美不怕冷 各种性感走起来|197|297","images/phptzkg40.jpg|http://www.zzzyk.com|街头大选美 究竟谁是你的菜|197|297","images/phpgnzz98.jpg|http://www.zzzyk.com|dodo dog & coco cat 对对碰|197|297","images/phpganous.jpg|http://www.zzzyk.com|复古也时尚 照样俘获男友心|197|297","images/phpvpbxev.jpg|http://www.zzzyk.com|时尚忠告 天凉请穿裤|197|297","images/phpay8xim.jpg|http://www.zzzyk.com|美翻街头 谁才是真正花仙子|197|297","images/php7a1uwn.jpg|http://www.zzzyk.com|小小外套 让你魅力翻一翻|197|297","images/phprw9xr8.jpg|http://www.zzzyk.com|西单街头个个拥有超模好身材|197|297","images/phpycyam0.jpg|http://www.zzzyk.com|帽子变戏法 让你告别大饼脸|197|297","images/phpfsgvxw.jpg|http://www.zzzyk.com|街头达人 发型变变变|197|297","images/phptjyz9n.jpg|http://www.zzzyk.com|甜美妞vs中性范 挑出你的爱|197|297","images/phpmpbi0u.jpg|http://www.zzzyk.com|看够萝莉 原来熟女更有味道|197|297","images/phpiutncd.jpg|http://www.zzzyk.com|内衣外穿 美女要性感拒绝矜持|197|297","images/php0arkdz.jpg|http://www.zzzyk.com|流鼻血不止 黑丝袜诱惑无边界|197|297","images/phps819xg.jpg|http://www.zzzyk.com|台北狂欢之夜 大密舞弄风骚|197|297","images/phpuyk3w2.jpg|http://www.zzzyk.com|西单妞比拼穿着 秀美腿|197|297","images/phpnenrun.jpg|http://www.zzzyk.com|童心未泯 北京小妞爱装嫩|197|297","images/phpzhu3al.jpg|http://www.zzzyk.com|情侣档 从穿衣看出默契十足|197|297"]function ckimg(){
var imgsobj=$("c12","img");
for(var i=0;i<imgsobj.length;i++){
forimg(i)
}
function forimg(i){
imgsobj[i].onmouseo教程ver=function(){
$("bbimg").src=bbimg[i][0];
$("bbimgurla").href=$("bbimgurlb").href=bbimg[i][1];
$("bbimgurlb").innerhtml=bbimg[i][2];
$("bbimg").width=bbimg[i][3];
$("bbimg").height=bbimg[i][4];
}
}
for(var i=0;i<bbimg.length;i++){
bbimg[i]=bbimg[i].split('|');
}
}
ckimg();
</script>
</div>
</body></html>
效果预览地址
网页特效/code/20100927/msn1/">http://g.zzzyk.com/javascript/code/20100927/msn1/
源码下载地址
http://down.zzzyk.com/down/code/js/xiangcedaima/2010/0928/20962.html
补充：网页制作,js教程 
