菜鸟的问题！
时间：2010-05-14
来源：互联网
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://tg12.taobao.com"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <base href="http://tg12.taobao.com"> <title></title> <style type="text/css"> *{margin:0;padding:0;border:0;list-style:none;} body{padding:20px;background:#eee;} #myfocus{width:720px;height:296px;overflow:hidden;padding:6px 6px 24px;background:#333 url(http://bg4.space.n20svrg.139.com/cgi-bin/diskpicpreview.cgi?UserNumber=8613925599203&SizeType=0&IsCut=0&FileGuId=bgg3md8s6y2p&UserTag=wFUn5r0lNCPhkSP+57+blA==) no-repeat;position:relative;} #myfocus #myloading{position:absolute;top:7px;left:5px;z-index:9999;width:720px;height:300px;background:#333;color:#f60;font-size:12px;text-align:center;padding-top:90px;} #myfocus #myloading .bg{position:absolute;top:0;left:0;z-index:-1;}/*载入画面*/ #myfocus .pics{width:720px;height:296px;overflow:hidden;position:relative;} #myfocus .pics ul{height:296px;position:absolute;} #myfocus .pics ul li{width:720px;height:296px;float:left;position:relative;}/*图片大小720px*296px*/ #myfocus .pics ul li div,#myfocus .pics ul li div span,#myfocus .pics ul li div a{display:block;position:absolute;bottom:0;left:0;width:100%;height:34px;} #myfocus .pics ul li div span{filter:alpha(opacity=50);opacity: 0.5;background:#000;}/*文字标题的背景样式*/ #myfocus .pics ul li div a{line-height:34px;overflow:hidden;padding-left:16px;text-decoration:none;font-size:14px;color:#fff;font-weight:bold;}/*文字标题样式*/ #myfocus .mybtn{position:absolute;bottom:8px;right:8px;} #myfocus .mybtn ul li{float:left;width:16px;height:6px;margin-left:4px;overflow:hidden;border:1px solid #000;background:#ccc;cursor:pointer;} #myfocus .mybtn ul li.current{background:#f60;} </style> <script type="text/javascript"> /*design by koen @ 10nian5yue11ri*/ /*http://hi.baidu.com/koen_li*/ function setFocus(ID,t){//主函数... function $(id) {return document.getElementById(id);} function $$(tag,obj){return (typeof obj=='object'?obj:$(obj)).getElementsByTagName(tag);} var n='';//标记 function showPics(num){ if(n===num) return true; if(n==='') n=0; else n=num; var pics=$$('ul',ID)[0]; var tit=$$('div',pics)[num]; if (!pics.style.left){pics.style.left = 0+'px';} if (!tit.style.bottom||parseInt(tit.style.bottom)>-34){tit.style.bottom = -34+'px';} var endX=-num*$$('div',ID)[0].clientWidth; var goimg=function(){ X=parseInt(pics.style.left); if (pics.movement){clearTimeout(pics.movement);} if(parseInt(pics.style.left)==endX) return true; if((endX-X)>0) X+=Math.ceil((endX-X) / 10); else X+=Math.floor((endX-X) / 10); pics.style.left=X+'px'; pics.movement = setTimeout(goimg, 5); } var gotit=function(){ var y=parseInt(tit.style.bottom); if (tit.movement){clearTimeout(tit.movement);} if(y==0) return true; y+=Math.ceil((0-y) / 10); if(parseInt(pics.style.left)==endX) tit.style.bottom=y+'px'; if(y<0) tit.movement = setTimeout(gotit, 16); } goimg(); gotit(); } function classNormal() {//数字标签样式清除 var focusBtnList = $$('li',$$('ul',ID)[1]); for (var i = 0; i < focusBtnList.length; i++) { focusBtnList[i].className = ''; } } function focusChange() {//交互切换 var focusBtnList = $$('li',$$('ul',ID)[1]); for (var i = 0; i < focusBtnList.length; i++) { focusBtnList[i].I=i; focusBtnList[i].onmouseover = function(){ showPics(this.I); classNormal(); focusBtnList[this.I].className = 'current'; } } } var autoFocusChange=function() {//自动运行 if (atuokey) return; var focusBtnList = $$('li',$$('ul',ID)[1]); for (var i = 0; i < focusBtnList.length; i++) { if (focusBtnList[i].className == 'current') { var currentNum = i; } } if(currentNum<focusBtnList.length-1){ showPics(currentNum+1); classNormal(); focusBtnList[currentNum+1].className = 'current'; }else if(currentNum==focusBtnList.length-1){ showPics(0); classNormal(); focusBtnList[0].className = 'current'; } } var atuokey = ''; function init(){//初始化<div><span></span><a href="#">文字说明</a></div> var ul=$$('ul',ID)[0]; var li=$$('li',ul); var NUM=li.length; var wid=$('myloading')?$$('div',ID)[1].clientWidth:$$('div',ID)[0].clientWidth;ul.style.width=wid*NUM+'px'; for(var i=0;i<NUM;i++){ var a=li[i].getElementsByTagName('a')[0]; var img=li[i].getElementsByTagName('img')[0]; li[i].innerHTML=li[i].innerHTML+'<div><span></span><a href="'+a+'">'+img.alt+'</a></div>'; } var s='<div class="mybtn"><ul>'; for(var i=0;i<NUM;i++){s+='<li></li>'} s+='</ul></div>'; $(ID).innerHTML+=s; $(ID).removeChild($('myloading')); showPics(0); classNormal(); $$('li',$$('ul',ID)[1])[0].className = 'current'; $(ID).onmouseover = function() { atuokey = true; clearInterval(auto); } $(ID).onmouseout = function() { atuokey = false; auto=setInterval(autoFocusChange, T); } } var T=t*1000;//每帧图片停留的时间，1000=1秒 var auto=''; init(); focusChange(); auto=setInterval(autoFocusChange, T); }; window.onload=function(){ setFocus('myfocus',4); } </script> </head> <body> <div id="myfocus"><!--只需定义这个ID即可--> <div id="myloading"> 请稍候.......<br /> <br /> <img src="http://bg4.space.n20svrg.139.com/cgi-bin/diskpicpreview.cgi?UserNumber=8613925599203&SizeType=0&IsCut=0&FileGuId=f4po90dkqqce&UserTag=yPcTNX++OLDZzGHqXmJTnw==" width="720" height="296" class="bg" /><img src="http://pigimg.zhongso.com/space/gallery/infoimgs/gc/gcqzj/20100510/2010051020541820883.gif" /></div> <!--载入画面，可以不要--> <div class="pics"> <ul> <li><img src="http://bg4.space.n20svrg.139.com/cgi-bin/diskpicpreview.cgi?UserNumber=8613925599203&SizeType=0&IsCut=0&FileGuId=f4po90dkqqce&UserTag=yPcTNX++OLDZzGHqXmJTnw==" alt="NIKE ZOON KOBE 5" width="720" height="300" /></li> <li><img src="http://bg4.space.n20svrg.139.com/cgi-bin/diskpicpreview.cgi?UserNumber=8613925599203&SizeType=0&IsCut=0&FileGuId=f4po90dkqqce&UserTag=yPcTNX++OLDZzGHqXmJTnw==" alt="PUMA" width="720" height="300" border="0" /></li> <li><img src="http://bg4.space.n20svrg.139.com/cgi-bin/diskpicpreview.cgi?UserNumber=8613925599203&SizeType=0&IsCut=0&FileGuId=f4po90dkqqce&UserTag=yPcTNX++OLDZzGHqXmJTnw==" alt="KOBE" width="720" height="300" /></li> <li><img src="http://bg4.space.n20svrg.139.com/cgi-bin/diskpicpreview.cgi?UserNumber=8613925599203&SizeType=0&IsCut=0&FileGuId=f4po90dkqqce&UserTag=yPcTNX++OLDZzGHqXmJTnw==" alt="时尚女装" width="720" height="300" border="0" /></li> <li><img src="http://bg4.space.n20svrg.139.com/cgi-bin/diskpicpreview.cgi?UserNumber=8613925599203&SizeType=0&IsCut=0&FileGuId=f4po90dkqqce&UserTag=yPcTNX++OLDZzGHqXmJTnw==" alt="" width="720" height="300" /></li> <li><img src="http://bg4.space.n20svrg.139.com/cgi-bin/diskpicpreview.cgi?UserNumber=8613925599203&SizeType=0&IsCut=0&FileGuId=f4po90dkqqce&UserTag=yPcTNX++OLDZzGHqXmJTnw==" alt="即将复科上市" width="720" height="300" /></li> </ul> </div> </div> </body>
提示：您可以先修改部分代码再运行
[img]提示：您可以先修改部分代码再运行
将代码插入网站就变成以下在样！！怎么样修改才不回出现呢？？？望高手指点..............
[ 本帖最后由 ycq312 于 2010-5-14 17:49 编辑 ]
作者: ycq312 发布时间: 2010-05-14
发上网图片全部分开了！！
是怎么回事！！等高人指导.............................
[ 本帖最后由 ycq312 于 2010-5-14 14:14 编辑 ]
是怎么回事！！等高人指导.............................
[ 本帖最后由 ycq312 于 2010-5-14 14:14 编辑 ]
作者: ycq312 发布时间: 2010-05-14
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://tg12.taobao.com"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <base href="http://tg12.taobao.com"> <title></title> <style type="text/css"> *{margin:0;padding:0;border:0;list-style:none;} body{padding:20px;background:#eee;} #myfocus{width:720px;height:296px;overflow:hidden;padding:6px 6px 24px;background:#333 url(http://bg4.space.n20svrg.139.com/cgi-bin/diskpicpreview.cgi?UserNumber=8613925599203&SizeType=0&IsCut=0&FileGuId=bgg3md8s6y2p&UserTag=wFUn5r0lNCPhkSP+57+blA==) no-repeat;position:relative;} #myfocus #myloading{position:absolute;top:7px;left:5px;z-index:9999;width:720px;height:300px;background:#333;color:#f60;font-size:12px;text-align:center;padding-top:90px;} #myfocus #myloading .bg{position:absolute;top:0;left:0;z-index:-1;}/*载入画面*/ #myfocus .pics{width:720px;height:296px;overflow:hidden;position:relative;} #myfocus .pics ul{height:296px;position:absolute;} #myfocus .pics ul li{width:720px;height:296px;float:left;position:relative;}/*图片大小720px*296px*/ #myfocus .pics ul li div,#myfocus .pics ul li div span,#myfocus .pics ul li div a{display:block;position:absolute;bottom:0;left:0;width:100%;height:34px;} #myfocus .pics ul li div span{filter:alpha(opacity=50);opacity: 0.5;background:#000;}/*文字标题的背景样式*/ #myfocus .pics ul li div a{line-height:34px;overflow:hidden;padding-left:16px;text-decoration:none;font-size:14px;color:#fff;font-weight:bold;}/*文字标题样式*/ #myfocus .mybtn{position:absolute;bottom:8px;right:8px;} #myfocus .mybtn ul li{float:left;width:16px;height:6px;margin-left:4px;overflow:hidden;border:1px solid #000;background:#ccc;cursor:pointer;} #myfocus .mybtn ul li.current{background:#f60;} </style> <script type="text/javascript"> /*design by koen @ 10nian5yue11ri*/ /*http://hi.baidu.com/koen_li*/ function setFocus(ID,t){//主函数... function $(id) {return document.getElementById(id);} function $$(tag,obj){return (typeof obj=='object'?obj:$(obj)).getElementsByTagName(tag);} var n='';//标记 function showPics(num){ if(n===num) return true; if(n==='') n=0; else n=num; var pics=$$('ul',ID)[0]; var tit=$$('div',pics)[num]; if (!pics.style.left){pics.style.left = 0+'px';} if (!tit.style.bottom||parseInt(tit.style.bottom)>-34){tit.style.bottom = -34+'px';} var endX=-num*$$('div',ID)[0].clientWidth; var goimg=function(){ X=parseInt(pics.style.left); if (pics.movement){clearTimeout(pics.movement);} if(parseInt(pics.style.left)==endX) return true; if((endX-X)>0) X+=Math.ceil((endX-X) / 10); else X+=Math.floor((endX-X) / 10); pics.style.left=X+'px'; pics.movement = setTimeout(goimg, 5); } var gotit=function(){ var y=parseInt(tit.style.bottom); if (tit.movement){clearTimeout(tit.movement);} if(y==0) return true; y+=Math.ceil((0-y) / 10); if(parseInt(pics.style.left)==endX) tit.style.bottom=y+'px'; if(y<0) tit.movement = setTimeout(gotit, 16); } goimg(); gotit(); } function classNormal() {//数字标签样式清除 var focusBtnList = $$('li',$$('ul',ID)[1]); for (var i = 0; i < focusBtnList.length; i++) { focusBtnList[i].className = ''; } } function focusChange() {//交互切换 var focusBtnList = $$('li',$$('ul',ID)[1]); for (var i = 0; i < focusBtnList.length; i++) { focusBtnList[i].I=i; focusBtnList[i].onmouseover = function(){ showPics(this.I); classNormal(); focusBtnList[this.I].className = 'current'; } } } var autoFocusChange=function() {//自动运行 if (atuokey) return; var focusBtnList = $$('li',$$('ul',ID)[1]); for (var i = 0; i < focusBtnList.length; i++) { if (focusBtnList[i].className == 'current') { var currentNum = i; } } if(currentNum<focusBtnList.length-1){ showPics(currentNum+1); classNormal(); focusBtnList[currentNum+1].className = 'current'; }else if(currentNum==focusBtnList.length-1){ showPics(0); classNormal(); focusBtnList[0].className = 'current'; } } var atuokey = ''; function init(){//初始化<div><span></span><a href="#">文字说明</a></div> var ul=$$('ul',ID)[0]; var li=$$('li',ul); var NUM=li.length; var wid=$('myloading')?$$('div',ID)[1].clientWidth:$$('div',ID)[0].clientWidth;ul.style.width=wid*NUM+'px'; for(var i=0;i<NUM;i++){ var a=li[i].getElementsByTagName('a')[0]; var img=li[i].getElementsByTagName('img')[0]; li[i].innerHTML=li[i].innerHTML+'<div><span></span><a href="'+a+'">'+img.alt+'</a></div>'; } var s='<div class="mybtn"><ul>'; for(var i=0;i<NUM;i++){s+='<li></li>'} s+='</ul></div>'; $(ID).innerHTML+=s; $(ID).removeChild($('myloading')); showPics(0); classNormal(); $$('li',$$('ul',ID)[1])[0].className = 'current'; $(ID).onmouseover = function() { atuokey = true; clearInterval(auto); } $(ID).onmouseout = function() { atuokey = false; auto=setInterval(autoFocusChange, T); } } var T=t*1000;//每帧图片停留的时间，1000=1秒 var auto=''; init(); focusChange(); auto=setInterval(autoFocusChange, T); }; window.onload=function(){ setFocus('myfocus',4); } </script> </head> <body> <div id="myfocus"><!--只需定义这个ID即可--> <div id="myloading"> 请稍候.......<br /> <br /> <img src="http://bg4.space.n20svrg.139.com/cgi-bin/diskpicpreview.cgi?UserNumber=8613925599203&SizeType=0&IsCut=0&FileGuId=f4po90dkqqce&UserTag=yPcTNX++OLDZzGHqXmJTnw==" width="720" height="296" class="bg" /><img src="http://pigimg.zhongso.com/space/gallery/infoimgs/gc/gcqzj/20100510/2010051020541820883.gif" /></div> <!--载入画面，可以不要--> <div class="pics"> <ul> <li><img src="http://bg4.space.n20svrg.139.com/cgi-bin/diskpicpreview.cgi?UserNumber=8613925599203&SizeType=0&IsCut=0&FileGuId=f4po90dkqqce&UserTag=yPcTNX++OLDZzGHqXmJTnw==" alt="NIKE ZOON KOBE 5" width="720" height="300" /></li> <li><img src="http://bg4.space.n20svrg.139.com/cgi-bin/diskpicpreview.cgi?UserNumber=8613925599203&SizeType=0&IsCut=0&FileGuId=f4po90dkqqce&UserTag=yPcTNX++OLDZzGHqXmJTnw==" alt="PUMA" width="720" height="300" border="0" /></li> <li><img src="http://bg4.space.n20svrg.139.com/cgi-bin/diskpicpreview.cgi?UserNumber=8613925599203&SizeType=0&IsCut=0&FileGuId=f4po90dkqqce&UserTag=yPcTNX++OLDZzGHqXmJTnw==" alt="KOBE" width="720" height="300" /></li> <li><img src="http://bg4.space.n20svrg.139.com/cgi-bin/diskpicpreview.cgi?UserNumber=8613925599203&SizeType=0&IsCut=0&FileGuId=f4po90dkqqce&UserTag=yPcTNX++OLDZzGHqXmJTnw==" alt="时尚女装" width="720" height="300" border="0" /></li> <li><img src="http://bg4.space.n20svrg.139.com/cgi-bin/diskpicpreview.cgi?UserNumber=8613925599203&SizeType=0&IsCut=0&FileGuId=f4po90dkqqce&UserTag=yPcTNX++OLDZzGHqXmJTnw==" alt="" width="720" height="300" /></li> <li><img src="http://bg4.space.n20svrg.139.com/cgi-bin/diskpicpreview.cgi?UserNumber=8613925599203&SizeType=0&IsCut=0&FileGuId=f4po90dkqqce&UserTag=yPcTNX++OLDZzGHqXmJTnw==" alt="即将复科上市" width="720" height="300" /></li> </ul> </div> </div> </body>
提示：您可以先修改部分代码再运行
提示：您可以先修改部分代码再运行
作者: ycq312 发布时间: 2010-05-14
不懂你什么意思，我看到的是正常的
作者: 泥巴巴 发布时间: 2010-05-14
我将代码插入网站那图片全部一张张的分开了.
作者: ycq312 发布时间: 2010-05-14
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读：74
-
如何安装mysql8.0
阅读：31
-
Word快速设置标题样式步骤详解
阅读：28
-
20+道必知必会的Vue面试题（附答案解析）
阅读：37
-
HTML如何制作表单
阅读：22
-
百词斩可以改天数吗？当然可以，4个步骤轻松修改天数！
阅读：31
-
ET文件格式和XLS格式文件之间如何转化？
阅读：24
-
react和vue的区别及优缺点是什么
阅读：121
-
支付宝人脸识别如何关闭?
阅读：21
-
腾讯微云怎么修改照片或视频备份路径?
阅读：28
