关于JS自动循环问题!

[复制链接]
查看11 | 回复4 | 2011-11-4 08:58:13 | 显示全部楼层 |阅读模式
SCRIPTlanguage=javascript
functionchickMenu(TDID){
for(vari=0;i5;i)/*有5张图*/
{
document.getElementById(\"TD_Item\"i).className=\'menu1\';/*文字*/
document.getElementById(\"Table_Item\"i).style.display=\'none\';/*图片*/
}
document.getElementById(\"TD_Item\"TDID).className=\'menu2\';
document.getElementById(\"Table_Item\"TDID).style.display=\'block\';
}
/SCRIPT
这是我的JS实现效果是当点击文字的时候,图片会显示,点击另一个文字,图片会接着跳转。
现在我想实现的效果是当鼠标不点击事图片会自动的循环切换!!跪求啊!!!
回复

使用道具 举报

千问 | 2011-11-4 08:58:13 | 显示全部楼层
你要实现的,一个JS做不到的至少要有二个,你看下吧scripttype=\"text/javascript\"
functionsetTab(/*string*/name,/*int*/itemCnt,/*int*/curItem,/**/classHide,/**/classShow)
{
for(i=1;i=itemCnt;i)
{
eval(\"document.getElementById(\'tab_\"name\"_\"i\"\').className=\'\"classHide\"\'\");
}
eval(\"document.getElementById(\'tab_\"name\"_\"curItem\"\').className=\'\"classShow\"\'\");
for(i=1;i=itemCnt;i)
{
eval(\"ele_hide=document.getElementById(\'con_\"name\"_\"i\"\')\");
if(ele_hide)ele_hide.style.display=\"none\";
}
eval(\"ele_play=document.getElementById(\'con_\"name\"_\"curItem\"\')\");
if(ele_play)ele_play.style.display=\"block\";
}
/script/headbody
您的位置:ahref=http://js.alixixi.com/c/guanggao_1.shtml广告代码/ahr/
divclass=\"banner\"id=\"banner\"
divclass=\"banner_tabclearfix\"
ul
liid=\"tab_tophome_1\"class=\"on\"ahref=\"/other/phone_flow.shtml\"target=\"_blank\"onmousemove=\"startIndex=1;setTab(\'tophome\',4,1,\'out\',\'on\');\"onclick=\"javascript:pgvSendClick({hottag:\'KF.SERVICE.INDEX.PHONE_2\'});\"imgsrc=\"ad_1.jpg\"class=\"tab_img\"alt=\"电话按键指引\"//a/li
liid=\"tab_tophome_2\"class=\"out\"ahref=\"/self/self_help.shtml\"target=\"_blank\"onmousemove=\"startIndex=2;setTab(\'tophome\',4,2,\'out\',\'on\');\"onclick=\"javascript:pgvSendClick({hottag:\'KF.SERVICE.INDEX.SELF_2\'});\"imgsrc=\"ad_3.jpg\"class=\"tab_img\"alt=\"自助服务\"//a/li
liid=\"tab_tophome_3\"class=\"out\"ahref=\"showSurvey?survey_id=567\"target=\"_blank\"onmousemove=\"startIndex=3;setTab(\'tophome\',4,3,\'out\',\'on\');\"onclick=\"javascript:pgvSendClick({hottag:\'KF.SERVICE.INDEX.STUDY_2\'});\"imgsrc=\"ad_2.jpg\"class=\"tab_img\"alt=\"腾讯学堂\"//a/li
liid=\"tab_tophome_4\"class=\"out\"ahref=\"c1090519040.htm\"target=\"_blank\"onmousemove=\"startIndex=4;setTab(\'tophome\',4,4,\'out\',\'on\');\"onclick=\"javascript:pgvSendClick({hottag:\'KF.SERVICE.INDEX.SOSO_2\'});\"imgsrc=\"ad_4.jpg\"class=\"tab_img\"alt=\"问问专区\"//a/li
/ul
/div
div
divid=\"con_tophome_1\"ahref=\"/other/phone_flow.shtml\"target=\"_blank\"onclick=\"javascript:pgvSendClick({hottag:\'KF.SERVICE.INDEX.PHONE_1\'});\"imgsrc=\"ad_1.jpg\"alt=\"电话按键指引\"//a/div
divid=\"con_tophome_2\"class=\"hidecontent\"ahref=\"/self/self_help.shtml\"target=\"_blank\"onclick=\"javascript:pgvSendClick({hottag:\'KF.SERVICE.INDEX.SELF_1\'});\"imgsrc=\"ad_3.jpg\"alt=\"自助服务\"//a/div
divid=\"con_tophome_3\"class=\"hidecontent\"ahref=\"showSurvey?survey_id=567\"target=\"_blank\"onclick=\"javascript:pgvSendClick({hottag:\'KF.SERVICE.INDEX.STUDY_1\'});\"imgsrc=\"ad_2.jpg\"alt=\"腾讯学堂\"//a/div
divid=\"con_tophome_4\"class=\"hidecontent\"ahref=\"c1090519040.htm\"target=\"_blank\"onclick=\"javascript:pgvSendClick({hottag:\'KF.SERVICE.INDEX.SOSO_1\'});\"imgsrc=\"ad_4.jpg\"alt=\"问问专区\"//a/div
divclass=\"clear\"/div
/div
/div
scripttype=\"text/javascript\"
varpause=false;
varcon_num=4;
varstartIndex=1;
functionsetLoop(){
try{
varoScroll=document.getElementById(\'banner\');
oScroll.noWrap=true;
oScroll.onmouseover=function(e){pause=true;};
oScroll.onmouseout=function(e){pause=false;};
setInterval(\'scrollTopHome()\',3000);
}catch(e){alert(e.toString());}
}
functionscrollTopHome(){
if(pause)return;
startIndex=1;
if(startIndexcon_num){startIndex=1;}
setTab(\'tophome\',4,startIndex,\'out\',\'on\');
}
setLoop();
/script
回复

使用道具 举报

千问 | 2011-11-4 08:58:13 | 显示全部楼层

回复

使用道具 举报

千问 | 2011-11-4 08:58:13 | 显示全部楼层

回复

使用道具 举报

千问 | 2011-11-4 08:58:13 | 显示全部楼层
做这类的东西,你想自己写代码也是难得。不过,你百度一下,会有许多图轮换显示的模板可以直接下载使用。样式也非常多。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

主题

0

回帖

4882万

积分

论坛元老

Rank: 8Rank: 8

积分
48824836
热门排行