后使用快捷导航没有帐号？
只需一步，快速开始
查看: 3251|回复: 9
求一个JS实现的图片切换效果！
UID390703在线时间 小时积分1058帖子离线17093 天注册时间
银牌会员, 积分 1058, 距离下一级还需 1942 积分
就是几张图片切换的效果。
我知道这东西很容易，但我也不会写~~~~麻烦大师贴个吧，我没收藏！
& &FLASH幻灯片一样的。会自动播放。谢谢啦
[[i] 本帖最后由 foxion 于
17:10 编辑 ]
UID492918在线时间 小时积分30帖子离线17093 天注册时间
新手上路, 积分 30, 距离下一级还需 20 积分
UID300983在线时间 小时积分70帖子离线17093 天注册时间
初级会员, 积分 70, 距离下一级还需 130 积分
给你一个FLASH的吧！
&script type=&text/javascript&&
var varText = &&
function addInfo(title,photourl,link){
if(varText!=&&){
varText+=&|||&;
varText+=title+&|_|&+photourl+&|_|&+
addInfo(&质变 Aria III Metamorphosis&,&/dapic/43993.jpg&,&/music/3828.html&);
form:/bbs/thread-.html
addInfo(&新地平线 Aria 2 New Horizon&,&/dapic/32606.jpg&,&/music/3827.html&);
addInfo(&亚历山大大帝 Alexander&,&/dapic/770.jpg&,&/music/3826.html&);
addInfo(&玩家新世界 A New World&,&/dapic/56311.jpg&,&/music/3823.html&);
addInfo(&云之谷 Valley in the Clouds&,&/dapic/6641.jpg&,&/music/3822.html&);
document.write('&object classid=&clsid:d27cdb6e-ae6d-11cf-96b8-& codebase=&/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0& width=&410& height=&200& id=&01& align=&middle&&')
document.write('¶m name=&allowScriptAccess& value=&sameDomain& /&')
document.write('¶m name=&movie& value=&.cn/js/top.swf?info='+varText+'& /&')
document.write('¶m name=&quality& value=&high& /&')
document.write('¶m name=&bgcolor& value=&#ffffff& /&¶m name=&wmode& value=&transparent& /&')
document.write('&embed src=&.cn/js/top.swf& quality=&high& bgcolor=&#ffffff& width=&410& height=&200& name=&01& align=&middle& allowScriptAccess=&sameDomain& type=&application/x-shockwave-flash& pluginspage=&/go/getflashplayer& /&')
document.write('&/object&')
&提示：您可以先修改部分代码再运行
UID300983在线时间 小时积分70帖子离线17093 天注册时间
初级会员, 积分 70, 距离下一级还需 130 积分
form:/bbs/thread-.html
timePointStat[2]=new Date();
&div id=&hotImg&&
&style type=&text/css&&
body{margin:0;padding:0;background:#font-size:12line-height:150%;}
.bigon{background:url(/news/logo/newsb-02.gif);color:#FFF; line-height:18}
.bigoff{background:url(/news/logo/newsb-03.gif);color:#000; line-height:18}
a.bla{color:#000; text-decoration:font-size:12}
a.bla:hover{color:#F00; text-decoration:underline}
&table width=&312& border=&0& align=¢er& cellpadding=&0& cellspacing=&0&&
&td width=&312&&&div id=&fc& style=&width:310height:210filter:progid:DXImageTransform.Microsoft.Fade ( duration=0.5,overlap=1.0 );&&
&div style=&display:&&&a href=&/a/622.htm& target=&_blank&&&img src=&/news/pics/.jpg& width=&310& height=&210& border=&0& onMouseOver=&clearAuto();& onMouseOut=&setAuto()& /&&/a&&/div&
&div style=&display:&&&a href=&/a/495.htm& target=&_blank&&&img src=&/news/pics/.jpg& width=&310& height=&210& border=&0& onMouseOver=&clearAuto();& onMouseOut=&setAuto()& /&&/a&&/div&
&div style=&display:&&&a href=&/a/806.htm& target=&_blank&&&img src=&/news/pics/.jpg& width=&310& height=&210& border=&0& onMouseOver=&clearAuto();& onMouseOut=&setAuto()& /&&/a&&/div&
&/div&&/td&
&td height=&26& background=&/news/logo/newsb-01.gif&&&table width=&310& border=&0& align=¢er& cellpadding=&0& cellspacing=&0&&
&td width=&253& align=¢er&
onmouseover=&clearAuto();& onMouseOut=&setAuto()&&&div id=&con&&
&div style=&display:&&&a href=&/a/622.htm& target=&_blank& class=&bla&&河南许昌依法拆除违章建筑遭阻挠&/a&&/div&
&div style=&display:&&&a href=&/a/495.htm& target=&_blank& class=&bla&&印度航班在新德里机场紧急迫降&/a&&/div&
&div style=&display:&&&a href=&/a/806.htm& target=&_blank& class=&bla&&拉萨上空现日晕 围绕太阳呈彩色光环&/a&&/div&
&/div&&/td&
&td width=&57&&&table border=&0& align=¢er& cellpadding=&0& cellspacing=&3& class=&lhn& id=&num&&
&td width=&14& height=&18& align=¢er& background=&images/newsb-02.gif& class=&bigon& onclick=&Mea(0);& onmouseover=&clearAuto();& onmouseout=&setAuto()& style=&cursor:&&1&/td&
&td width=&14& align=¢er& background=&images/newsb-03.gif& class=&bigoff& onclick=&Mea(1);& onmouseover=&clearAuto();& onmouseout=&setAuto()& style=&cursor:&&2&/td&
&td width=&14& align=¢er& background=&images/newsb-03.gif& class=&bigoff& onclick=&Mea(2);& onmouseover=&clearAuto();& onmouseout=&setAuto()& style=&cursor:&&3&/td&
&/table&&/td&
&/table&&/td&
var showNum = document.getElementById(&num&);
function Mea(value){
setBg(value);
plays(value);
cons(value);
function setBg(value){
for(var i=0;i&3;i++)
if(value==i){
showNum.getElementsByTagName(&td&)[i].className='bigon';
showNum.getElementsByTagName(&td&)[i].className='bigoff';
function plays(value){
with (fc){
filters[0].Apply();
for(i=0;i&3;i++)i==value?children[i].style.display=&block&:children[i].style.display=&none&;
filters[0].play();
function cons(value){
with (con){
for(i=0;i&3;i++)i==value?children[i].style.display=&block&:children[i].style.display=&none&;
function clearAuto(){clearInterval(autoStart)}
function setAuto(){autoStart=setInterval(&auto(n)&, 5000)}
function auto(){
if(n&2)n=0;
function sub(){
if(n&0)n=2;
setAuto();
&提示：您可以先修改部分代码再运行
UID265428在线时间 小时积分131帖子离线17093 天注册时间
初级会员, 积分 131, 距离下一级还需 69 积分
找网上JQUERY插件，好多的
UID387007在线时间 小时积分15775帖子离线17093 天注册时间
UID471550在线时间 小时积分235帖子离线17093 天注册时间
中级会员, 积分 235, 距离下一级还需 265 积分
回复 4# cnitn
& && && &timePointStat[2]=new Date();
这一段没用&&废代码
UID390703在线时间 小时积分1058帖子离线17093 天注册时间
银牌会员, 积分 1058, 距离下一级还需 1942 积分
哎，其实很多东西都是这样，要是下定了决心就能做好。千万不能偷懒，指望别人。
最后还是我把DIV重新写了一下，自己写了个JS下拉菜单，虽然没有什么好效果，但客户还是接受了。。
非常感谢你们。
UID108309在线时间 小时积分1553帖子离线17093 天注册时间
银牌会员, 积分 1553, 距离下一级还需 1447 积分
LZ难道就不会用百度啊!
UID491049在线时间 小时积分1451帖子离线17093 天注册时间
银牌会员, 积分 1451, 距离下一级还需 1549 积分
Powered by懒人之家--可能是JS网页特效代码收集最全的懒站！
纯JS图片左右无缝切换
作者/代码整理：&&(转载请附加本文地址，带有“懒人原生”字样的谢绝转载) 发布日期：
jquery纯图片左右切换，无任何切换按钮，单纯的图片从左向右切换，上面铺上一层png图标，看起来很不错如何用js实现点击图片切换另一图片，再次点击恢复？_百度知道JS图片切换图片素材免费下载，千图网为中国设计师们免费提供包括，，。千图网素材为用户免费分享产生，若发现您的权利被侵害，请联系 ，我们尽快处理Copyright & 2015 沪ICP备号-6 用时：0.0188上海工商