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

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

Javascript: 图片展示效果鼠标经过变大图，支持FF; 可拖动可改变大小div的实现代码; javascript 随机广告代码(图片广告); JS+Ajax+Jquery实现页面无刷新分页以及分组超强的实现; JQuery 浮动导航栏实现代码; jQuery一步一步实现跨浏览器的可编辑表格，支持IE、Firefox、Safari、Chrome、Opera; js 分栏效果实现代码; 基于jQuery的ajax功能实现web service的json转化; IE 条件注释详解总结（附实例代码）; 用cssText批量修改样式; JavaScript 应用技巧集合[推荐]; jquery 导航设计实现代码学习jquery的朋友可以看下; 动态样式类封装JS代码; 一步一步教你写一个jQuery的插件教程(Plugin); 使用jQuery的ajax功能实现的RSS Reader 代码; jquery tools 系列 scrollable（2）; jquery tools系列 overlay 学习; jquery tools系列 expose 学习; javascript十个最常用的自定义函数(中文版); javascript 流畅动画实现原理

No. « ‹ 225 226 227 228 › »

技术文章搜索

关键字

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

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

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