模仿PPLive带左右翻页的焦点图,实用

查看效果

下载地址

前台部分代码

 

代码
<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html  xmlns ="http://www.w3.org/1999/xhtml" >
< head >
< meta  http-equiv ="Content-Type"  content ="text/html; charset=gb2312"   />
< meta  name ="keywords"  content ="JS代码,焦点图,JS广告代码,JS特效代码"   />
< meta  name ="description"  content ="此代码内容为PPLive带左右翻页的焦点图,属于站长常用代码,更多焦点图代码请访问网页前端吧JS代码频道。"   />
< title > PPLive带左右翻页的焦点图_网页前端吧 </ title >
</ head >

< body  style ="text-align:center" >


< div  class ="flash_box"  id ="xixi" >
< script  type ="text/javascript" >
                
function  thisMovie(movieName) {
                    
if  (navigator.appName.indexOf( " Microsoft " !=   - 1 ) {
                        
return  window[movieName];
                    } 
else  {
                        
return  document[movieName];
                    }
                }
                
function  installMast() {
                    
var  swf  =  thisMovie( " masthead " );
                    
var  foucsData  =  [{ " title " : " 网页前端吧 www.jscss8.com " , " info " : " 学会偷懒,并懒出境界是提高工作效率最有效的方法! " , " imageUrl " : " images\/01.jpg " , " link " : " http:\/\/www.jscss8.com\/ " , " target " : " _blank " , " cur " : " true " },{ " title " : " 网页前端吧 www.jscss8.com " , " info " : " 学会偷懒,并懒出境界是提高工作效率最有效的方法! " , " imageUrl " : " images\/02.jpg " , " link " : " http:\/\/www.jscss8.com\/ " , " target " : " _blank " , " cur " : " false " },{ " title " : " 网页前端吧 www.jscss8.com " , " info " : " 学会偷懒,并懒出境界是提高工作效率最有效的方法! " , " imageUrl " : " images\/03.jpg " , " link " : " http:\/\/www.jscss8.com\/ " , " target " : " _blank " , " cur " : " false " },{ " title " : " 网页前端吧 www.jscss8.com " , " info " : " 学会偷懒,并懒出境界是提高工作效率最有效的方法! " , " imageUrl " : " images\/04.jpg " , " link " : " http:\/\/www.jscss8.com\/ " , " target " : " _blank " , " cur " : " false " },{ " title " : " 网页前端吧 www.jscss8.com " , " info " : " 学会偷懒,并懒出境界是提高工作效率最有效的方法! " , " imageUrl " : " images\/05.jpg " , " link " : " http:\/\/www.jscss8.com\/ " , " target " : " _blank " , " cur " : " false " },{ " title " : " 网页前端吧 www.jscss8.com " , " info " : " 学会偷懒,并懒出境界是提高工作效率最有效的方法! " , " imageUrl " : " images\/06.jpg " , " link " : " http:\/\/www.jscss8.com\/ " , " target " : " _blank " , " cur " : " false " }];
                    
for  (i  =   0 ; i  <  foucsData.length; i ++ ) {
                        swf.installMast(foucsData[i]);
                    }
                    swf.startMast();
                }

</ script >
< object  id ="masthead"  classid ="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"  codebase ="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0"  width ="710"  height ="350" >
                
< param  name ="movie"  value ="flash/masthead.swf"   />
                
< param  name ="quality"  value ="high"   />
                
< param  name ="allowscriptaccess"  value ="always"   />
                
< param  name ="flashvars"  value ="auto=6000&amp;move=30&amp;txtDelay=20"   />
                
< param  name ="wmode"  value ="opaque"   />
                
< embed  src ="flash/masthead.swf"  width ="710"  height ="350"  name ="masthead"  quality ="high"  pluginspage ="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"  type ="application/x-shockwave-flash"  allowscriptaccess ="always"  flashvars ="auto=6000&amp;move=30&amp;txtDelay=20"  wmode ="opaque" ></ embed >
</ object >
</ div >
    

< p > 代码整理: < href ="http://www.jscss8.com/"  target ="_blank" > 网页前端吧 </ a >  来源: < href ="http://ikan.pplive.com/"  target ="_blank" > PPLive </ a ></ p >
< p > *尊重他人劳动成果,转载请自觉注明出处!注:此代码仅供学习交流,请勿用于商业用途。 </ p >
< p ></ p >
< p >< p > 功能:可左右翻页,标题,简介,自动滚动,数字导航按钮。 </ p ></ p >
< p ></ p >

</ body >
</ html >


 

 

你可能感兴趣的:(live)