精彩图片推荐渐隐渐现- Javascript - 软晨网（RuanChen.com）

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 精彩图片推荐渐隐渐现

Javascript: MooTools教程(3):数组管理DOM元素; MooTools教程(4):函数和MooTools; MooTools教程(5):事件处理; MooTools教程(6):操纵HTML DOM元素; MooTools教程(7):设置和获取样式表属性; MooTools教程(8):输入过滤-数字; MooTools教程(9):输入过滤-字符串; MooTools教程(10):Fx.Tween渐变; MooTools教程(11):Fx.Morph、Fx选项和Fx事件; MooTools教程(12):Drag.Move来实现拖放; MooTools教程(13):正则表达式; MooTools教程(14):定时器和Hash对象; MooTools教程(15):滚动条(Slider); 浏览器对Cookie的限制; 图片不间断滚动的特效代码详细讲解; Javascript教程:拖放效果研究; 不唐突的JavaScript; JavaScript教程:图片切割效果; 认识AJAX了解AJAX优点缺点和运用; 网页投票系统中的限制

No. « ‹ 166 167 168 169 › »

技术文章搜索

关键字

Javascript 中的精彩图片推荐渐隐渐现

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-12 浏览: 376 ::

收藏到网摘: n/a

非常好的js代码左右图片循环滚动停顿一下后继续

点击运行可以看到效果:

<HTML><HEAD><TITLE>精彩图片推荐</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<STYLE type=text/css>BODY { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-TOP: 0px; BACKGROUND-COLOR: #f0f8f8
}
TD { FONT-SIZE: 12px
}
A { FONT-SIZE: 12px; LINE-HEIGHT: 18px; TEXT-DECORATION: none
}
A:hover { COLOR: #ff3300; LINE-HEIGHT: 18px; TEXT-DECORATION: underline
}
.img01 { BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; BORDER-LEFT: #fff 1px solid; BORDER-BOTTOM: #fff 1px solid
}
</STYLE>
<META content="MSHTML 6.00.3790.2666" name=GENERATOR></HEAD>
<BODY onload=p()>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TBODY> <TR> <TD vAlign=bottom align=middle width=207 background=精彩图片推荐_files/bgborder01.jpg height=31><A href="http://union.www1.soufun.com/tptj/">精彩图片推荐</A></TD> <TD background=精彩图片推荐_files/bgborder02.jpg> </TD></TR></TBODY></TABLE>
<DIV id=jx1 onmouseover=s(1)
style="FILTER: revealTrans(transition=12,duration=2); VISIBILITY: visible; WIDTH: 100%; POSITION: absolute"
onmouseout=s(0)>
<TABLE borderColor=#f2f5f8 cellPadding=0 width="100%" bgColor=#f0f8f8 border=0><TBODY> <TR align=middle> <TD vAlign=top align=middle width="20%"> <TABLE cellSpacing=0 cellPadding=6 width=138 bgColor=#c8c8c8 border=0> <TBODY> <TR> <TD align=middle><IMG class=img01 height=120 alt=胸前隐约突起的美丽 src="精彩图片推荐_files/1150336391707.jpg" width=135 border=0></TD></TR> <TR> <TD align=middle bgColor=#f0f8f8><A href="http://union.www1.soufun.com/2006-06-15/500234.htm" target=_blank>胸前隐约突起的美丽</A></TD></TR></TBODY></TABLE></TD> <TD vAlign=top align=middle width="20%"> <TABLE cellSpacing=0 cellPadding=6 width=138 bgColor=#c8c8c8 border=0> <TBODY> <TR> <TD align=middle><IMG class=img01 height=120 alt=性感少妇浴室诱惑自拍 src="精彩图片推荐_files/1149489626901.jpg" width=135 border=0></TD></TR> <TR> <TD align=middle bgColor=#f0f8f8><A href="http://union.www1.soufun.com/2006-06-05/500040.htm" target=_blank>性感少妇浴室诱惑自拍</A></TD></TR></TBODY></TABLE></TD> <TD vAlign=top align=middle width="20%"> <TABLE cellSpacing=0 cellPadding=6 width=138 bgColor=#c8c8c8 border=0> <TBODY> <TR> <TD align=middle><IMG class=img01 height=120 alt=性感少妇按摩推油全过程 src="精彩图片推荐_files/1149478857573.jpg" width=135 border=0></TD></TR> <TR> <TD align=middle bgColor=#f0f8f8><A href="http://union.www1.soufun.com/2006-06-05/500029.htm" target=_blank>性感少妇按摩推油全过程</A></TD></TR></TBODY></TABLE></TD> <TD vAlign=top align=middle width="20%"> <TABLE cellSpacing=0 cellPadding=6 width=138 bgColor=#c8c8c8 border=0> <TBODY> <TR> <TD align=middle><IMG class=img01 height=120 alt=一个有钱女人的真实生活 src="精彩图片推荐_files/1148974954228.jpg" width=135 border=0></TD></TR> <TR> <TD align=middle bgColor=#f0f8f8><A href="http://union.www1.soufun.com/2006-05-30/499946.htm" target=_blank>一个有钱女人的真实生活</A></TD></TR></TBODY></TABLE></TD> <TD vAlign=top align=middle width="20%"> <TABLE cellSpacing=0 cellPadding=6 width=138 bgColor=#c8c8c8 border=0> <TBODY> <TR> <TD align=middle><IMG class=img01 height=120 alt=帅哥美女激情热吻 src="精彩图片推荐_files/1151559899893.jpg" width=135 border=0></TD></TR> <TR> <TD align=middle bgColor=#f0f8f8><A href="http://countqh.soufun.com/count.php?site=http://www.qihoo.com/forum/portal/site_vip.html?s=end_red u=http%3A//www.qihoo.com/" target=_blank>帅哥美女激情热吻</A></TD></TR></TBODY></TABLE></TD></TR> <TR> <TD vAlign=top align=middle width="20%"> <TABLE cellSpacing=0 cellPadding=6 width=138 bgColor=#c8c8c8 border=0> <TBODY> <TR> <TD align=middle><IMG class=img01 height=120 alt=地铁里的性骚扰 src="精彩图片推荐_files/1149556668936.jpg" width=135 border=0></TD></TR> <TR> <TD align=middle bgColor=#f0f8f8><A href="http://union.www1.soufun.com/2006-06-06/500049.htm" target=_blank>地铁里的性骚扰</A></TD></TR></TBODY></TABLE></TD> <TD vAlign=top align=middle width="20%"> <TABLE cellSpacing=0 cellPadding=6 width=138 bgColor=#c8c8c8 border=0> <TBODY> <TR> <TD align=middle><IMG class=img01 height=120 alt=女人最诱惑的部位 src="精彩图片推荐_files/1151375994316.jpg" width=135 border=0></TD></TR> <TR> <TD align=middle bgColor=#f0f8f8><A href="http://union.www1.soufun.com/2006-06-27/500397.htm" target=_blank>女人最诱惑的部位</A></TD></TR></TBODY></TABLE></TD> <TD vAlign=top align=middle width="20%"> <TABLE cellSpacing=0 cellPadding=6 width=138 bgColor=#c8c8c8 border=0> <TBODY> <TR> <TD align=middle><IMG class=img01 height=120 alt=超级恐怖的无头婴儿 src="精彩图片推荐_files/1150165617551.jpg" width=135 border=0></TD></TR> <TR> <TD align=middle bgColor=#f0f8f8><A href="http://union.www1.soufun.com/2006-06-09/500138.htm" target=_blank>超级恐怖的无头婴儿</A></TD></TR></TBODY></TABLE></TD> <TD vAlign=top align=middle width="20%"> <TABLE cellSpacing=0 cellPadding=6 width=138 bgColor=#c8c8c8 border=0> <TBODY> <TR> <TD align=middle><IMG class=img01 height=120 alt=淫荡女大学生宿舍自拍 src="精彩图片推荐_files/1150273053648.jpg" width=135 border=0></TD></TR> <TR> <TD align=middle bgColor=#f0f8f8><A href="http://union.www1.soufun.com/2006-06-13/500178.htm" target=_blank>淫荡女大学生宿舍自拍</A></TD></TR></TBODY></TABLE></TD> <TD vAlign=top align=middle width="20%"> <TABLE cellSpacing=0 cellPadding=6 width=138 bgColor=#c8c8c8 border=0> <TBODY> <TR> <TD align=middle><IMG class=img01 height=120 alt=最钩魂的全裸足球宝贝 src="精彩图片推荐_files/1150779893054.jpg" width=135 border=0></TD></TR> <TR> <TD align=middle bgColor=#f0f8f8><A href="http://union.www1.soufun.com/2006-06-20/500286.htm" target=_blank>最钩魂的全裸足球宝贝</A></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>
<DIV id=jx2 onmouseover=s(1)
style="FILTER: revealTrans(transition=12,duration=2); VISIBILITY: hidden; WIDTH: 100%; POSITION: absolute"
onmouseout=s(0)>
<TABLE borderColor=#f2f5f8 cellPadding=0 width="100%" bgColor=#f2f5f8 border=0><TBODY> <TR align=middle> <TD vAlign=top align=middle width="20%"> <TABLE cellSpacing=0 cellPadding=6 width=138 bgColor=#c8c8c8 border=0> <TBODY> <TR> <TD align=middle><IMG class=img01 height=120 alt=最变态的闹洞房 src="精彩图片推荐_files/1149485476672.jpg" width=135 border=0></TD></TR> <TR> <TD align=middle bgColor=#f2f5f8><A href="http://union.www1.soufun.com/2006-06-05/500020.htm" target=_blank>最变态的闹洞房</A></TD></TR></TBODY></TABLE></TD> <TD vAlign=top align=middle width="20%"> <TABLE cellSpacing=0 cellPadding=6 width=138 bgColor=#c8c8c8 border=0> <TBODY> <TR> <TD align=middle><IMG class=img01 height=120 alt=温碧霞绝秘浴室自拍照 src="精彩图片推荐_files/1150687741228.jpg" width=135 border=0></TD></TR> <TR> <TD align=middle bgColor=#f2f5f8><A href="http://union.www1.soufun.com/2006-06-19/500264.htm" target=_blank>温碧霞绝秘浴室自拍照</A></TD></TR></TBODY></TABLE></TD> <TD vAlign=top align=middle width="20%"> <TABLE cellSpacing=0 cellPadding=6 width=138 bgColor=#c8c8c8 border=0> <TBODY> <TR> <TD align=middle><IMG class=img01 height=120 alt=女死囚宣判时表情 src="精彩图片推荐_files/1149487126010.jpg" width=135 border=0></TD></TR> <TR> <TD align=middle bgColor=#f2f5f8><A href="http://union.www1.soufun.com/2006-06-05/500036.htm" target=_blank>女死囚宣判时表情</A></TD></TR></TBODY></TABLE></TD> <TD vAlign=top align=middle width="20%"> <TABLE cellSpacing=0 cellPadding=6 width=138 bgColor=#c8c8c8 border=0> <TBODY> <TR> <TD align=middle><IMG class=img01 height=120 alt=最猛的网络真人版恶搞 src="精彩图片推荐_files/1150871380313.jpg" width=135 border=0></TD></TR> <TR> <TD align=middle bgColor=#f2f5f8><A href="http://union.www1.soufun.com/2006-06-21/500319.htm" target=_blank>最猛的网络真人版恶搞</A></TD></TR></TBODY></TABLE></TD> <TD vAlign=top align=middle width="20%"> <TABLE cellSpacing=0 cellPadding=6 width=138 bgColor=#c8c8c8 border=0> <TBODY> <TR> <TD align=middle><IMG class=img01 height=120 alt=最疯狂的名模真实肉搏 src="精彩图片推荐_files/1150781417167.jpg" width=135 border=0></TD></TR> <TR> <TD align=middle bgColor=#f2f5f8><A href="http://union.www1.soufun.com/2006-06-20/500288.htm" target=_blank>最疯狂的名模真实肉搏</A></TD></TR></TBODY></TABLE></TD></TR> <TR> <TD vAlign=top align=middle width="20%"> <TABLE cellSpacing=0 cellPadding=6 width=138 bgColor=#c8c8c8 border=0> <TBODY> <TR> <TD align=middle><IMG class=img01 height=120 alt=日本MM最喜欢在地铁做的事 src="精彩图片推荐_files/1149731092048.jpg" width=135 border=0></TD></TR> <TR> <TD align=middle bgColor=#f2f5f8><A href="http://union.www1.soufun.com/2006-06-08/500099.htm" target=_blank>日本MM最喜欢在地铁做的事</A></TD></TR></TBODY></TABLE></TD> <TD vAlign=top align=middle width="20%"> <TABLE cellSpacing=0 cellPadding=6 width=138 bgColor=#c8c8c8 border=0> <TBODY> <TR> <TD align=middle><IMG class=img01 height=120 alt=妈咪剖腹产的全过程 src="精彩图片推荐_files/1150179403615.jpg" width=135 border=0></TD></TR> <TR> <TD align=middle bgColor=#f2f5f8><A href="http://union.www1.soufun.com/2006-06-13/500195.htm" target=_blank>妈咪剖腹产的全过程</A></TD></TR></TBODY></TABLE></TD> <TD vAlign=top align=middle width="20%"> <TABLE cellSpacing=0 cellPadding=6 width=138 bgColor=#c8c8c8 border=0> <TBODY> <TR> <TD align=middle><IMG class=img01 height=120 alt=偷拍中国模特大赛后台 src="精彩图片推荐_files/1150873801271.jpg" width=135 border=0></TD></TR> <TR> <TD align=middle bgColor=#f2f5f8><A href="http://countqh.soufun.com/count.php?site=http://qq.www1.soufun.com/default.htm#wh" target=_blank>偷拍中国模特大赛后台</A></TD></TR></TBODY></TABLE></TD> <TD vAlign=top align=middle width="20%"> <TABLE cellSpacing=0 cellPadding=6 width=138 bgColor=#c8c8c8 border=0> <TBODY> <TR> <TD align=middle><IMG class=img01 height=120 alt=世界上最震撼的胸部 src="精彩图片推荐_files/1151378854908.jpg" width=135 border=0></TD></TR> <TR> <TD align=middle bgColor=#f2f5f8><A href="http://union.www1.soufun.com/2006-06-27/500401.htm" target=_blank>世界上最震撼的胸部</A></TD></TR></TBODY></TABLE></TD> <TD vAlign=top align=middle width="20%"> <TABLE cellSpacing=0 cellPadding=6 width=138 bgColor=#c8c8c8 border=0> <TBODY> <TR> <TD align=middle><IMG class=img01 height=120 alt=跟拍范冰冰整容检查全过程 src="精彩图片推荐_files/1150444140217.jpg" width=135 border=0></TD></TR> <TR> <TD align=middle bgColor=#f2f5f8><A href="http://union.www1.soufun.com/2006-06-16/500255.htm" target=_blank>跟拍范冰冰整容检查全过程</A></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>
<SCRIPT>
var jx1=document.getElementById("jx1");
var jx2=document.getElementById("jx2");
//设置显示哪个层的变量
var sL=1;
//设置动与不动的变量
var iS=0;
//设定显示时间
function p() { if(iS==0) { if(sL%2==1) { cs1(jx1,1); cs1(jx2,0); setTimeout('p()',5000); } else{ cs1(jx1,0); cs1(jx2,1); setTimeout('p()',5000); } sL++; } else { setTimeout('p()',2000); }
}
//显示函数
function cs1(a,b) { if(a==null)return; a.filters.revealTrans.apply(); if(b==1) a.style.visibility="visible"; else a.style.visibility="hidden"; a.filters.revealTrans.play();
}
//设定is变量
function s(v) {iS=v;}
</SCRIPT>
</BODY></HTML>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

非常好的js代码左右图片循环滚动停顿一下后继续

Javascript 中的 精彩图片推荐 渐隐渐现

评论 (0) All

Javascript 中的精彩图片推荐渐隐渐现