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

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

Javascript: JavaScript 基础问答一; CSS JavaScript 实现菜单功能改进版; JavaScript 图片切割效果(放大镜); JavaScript 拖放效果代码; 漂亮的js tab图片轮换效果代码(可自定义的幻灯片和图片缓冲切换); 鼠标滑过放大显示效果的列表; JS 相册效果自动播放[本地整合]; 仿CSDN 右下角悬挂的浮动层效果; 右下角广告(点击广告后出现关闭按钮可关闭); javascript this用法小结; JavaScript 绘图代码; JavaScript CSS菜单功能改进版; javascript jQuery插件练习; jQuery 浮动广告实现代码; jQuery 位置插件; jquery 插件之仿“卓越亚马逊”首页弹出菜单效果; jquery 图片预加载自动等比例缩放插件; JavaScript 仿关机效果的图片层; javascript 对表格的行和列都能加亮显示; JavaScript Select和Option列表元素上下左右移动

No. « ‹ 214 215 216 217 › »

技术文章搜索

关键字

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

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

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