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

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

Javascript: web开发设计师比较费解的JavaScript; jQuery教程:整理的几个常见的初学者问题; 免费资源:7个效果非常棒的jQuery 3D效果插件; JavaScript教程:编写匿名函数的几种方法; jQuery教程：jQuery的核心; jQuery教程：jQuery核心方法的使用; webjx收集45个jQuery导航插件和教程; 30个气泡悬浮框（Tooltip）的jQuery插件; Jetpack扩展案例:Gmail邮件提醒功能; 非常出色的jQuery运动特效可以和Flash媲美; ImagesLazyLoad 图片延迟加载效果; 收集国外的14个图片放大编辑的jQuery插件; 修改和创建DOM节点两种方式的4种优化方案; jQuery.Switchable整合插件用途介绍; 提高Textarea操作性能优秀的jQuery插件; WEBJX收集12个非常有创意的JavaScript小游戏; Javascript教程:关于深入了解JS的几个问题

No. « ‹ 289 290 291 292 »

技术文章搜索

关键字

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

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

收藏到网摘: 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 中的精彩图片推荐渐隐渐现