百度空间 | 百度首页 
 
查看文章
 
拍拍网7屏切换产品推荐代码
2008年08月11日 星期一 10:57

<!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" />
<title>拍拍网7屏切换产品推荐代码</title>
<link rel="stylesheet" rev="stylesheet" href="css/css.css" type="text/css" media="all" />
</head>

<body>
<DIV class="absolute overflow" id=push style="LEFT: 203px; WIDTH: 293px; TOP: 0px">
<DIV id=mainPush></DIV>
<DIV id=linkPush style="BACKGROUND: url(images/pushBg.gif); HEIGHT: 43px"></DIV></DIV>

<SCRIPT type=text/javascript>
function $(x){
    return document.getElementById(x);
}
rnd.today=new Date();
rnd.seed=rnd.today.getTime();
function rnd(){
rnd.seed = (rnd.seed*9301+49297) % 233280;
return rnd.seed/(233280.0);
}
function rand(number){
return Math.ceil(rnd()*number)-1;
}
//标题 .title
var pushName=["图片一","图片二","图片三","图片四","图片五","图片六","图片七"];
//图片 .image
var pushSrc=["images/01.jpg","images/02.jpg","images/03.jpg","images/04.jpg","images/05.jpg","images/06.jpg","images/07.jpg",];
//链接 .link
var pushLink=["http://www.lanrentuku.com/#1","http://www.lanrentuku.com/#2","http://www.lanrentuku.com/#3","http://www.lanrentuku.com/#4","http://www.lanrentuku.com/#5","http://www.lanrentuku.com/#6","http://www.lanrentuku.com/#7"]
var pushShow="";
function showPushLink(num){
if(!num&&num!=0){
   mainPushNum++;
   if(mainPushNum>6) mainPushNum=0;
   num=mainPushNum;
}
for(i=0;i<7;i++){
   $("linkPush"+i).className="";
   $("linkPush"+i).innerHTML="<img src='images/push"+i+".gif'>";
}
$("linkPush"+num).className="linkPushHere";
$("linkPush"+num).innerHTML="<strong class='fontOrange'>"+(num+1)+".</strong>"+pushName[num];
$("pushImg").src=pushSrc[num];
$("pushImgLink").href=pushLink[num];
$("pushImg").alt=pushName[num];
}
//初始化
for(i=0;i<7;i++){
pushShow+='<a href="'+pushLink[i]+'" onmouseover="showPushLink('+i+');clearInterval(rollId)" id="linkPush'+i+'" target="_blank"><img src="images/push'+i+'.gif"></a>';
}
$("linkPush").innerHTML=pushShow;
var mainPushNum=rand(7);
$("linkPush"+mainPushNum).className="linkPushHere";
$("linkPush"+mainPushNum).innerHTML="<strong class='fontOrange'>"+(mainPushNum+1)+".</strong>"+pushName[mainPushNum];
$("mainPush").innerHTML='<a href="'+pushLink[mainPushNum]+'" target="_blank" id="pushImgLink" onmouseover="clearInterval(rollId)" onmouseout="showAtTime()"><img src="'+pushSrc[mainPushNum]+'" name="pushImg" width="293" height="316" id="pushImg" alt="'+pushName[mainPushNum]+'" /></a>';
var rollId=setInterval("showPushLink()",5000);
function showAtTime(){
showPushLink();
rollId=setInterval("showPushLink()",5000);
}
</SCRIPT>
</DIV>
</body>
</html>


类别:html/css | 添加到搜藏 | 分享到i贴吧 | 浏览() | 评论 (0)
 
最近读者:
 
网友评论:
发表评论:
姓 名:
网址或邮箱: (选填)
内 容:
验证码: 请点击后输入四位验证码,字母不区分大小写
      

     

©2009 Baidu