js韩国商品购物推荐特效代码

版权：原创更新时间：1年以上

[该文章底部包含文件资源,可根据自己情况,决定是否下载资源使用,时间>金钱,如有需要,立即查看资源]

以下是 js韩国商品购物推荐特效代码的示例演示效果:

当前平台(PC电脑)

平台:

整屏预览

部分效果截图:

HTML代码(index.html):

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>程序员设计师联盟淘宝店</title>
</head>

<style type="text/css">
td {font-size: 12px;}
</style>
</head>

<body>
<CENTER>
  <TABLE cellSpacing=0 cellPadding=0 width=700 border=0>
    <TBODY>
      <TR>
        <TD vAlign=top width=549 height=293><DIV id=divHanger onmouseover=clearTimeout(nRotateTimer); 
            style="FILTER: progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0, wipeStyle=0, duration=1 ,motion='forward'); OVERFLOW: hidden; WIDTH: 549px; POSITION: absolute" 
            onmouseout=restartRotate();></DIV>
<script language=JavaScript src="js/storepic.js"></script>
        </TD>
        <TD vAlign=top width=120><IMG height=293 
            src="images/main_thum.gif" 
            width=151 useMap=#mapHanger border=0>
            <MAP 
              name=mapHanger>
              <!--1-->
              <AREA onfocus=blur() shape=RECT 
              coords=94,1,151,54 
              href="javascript:%20changeHanger(0);">
              <!--2-->
              <AREA onfocus=blur() 
              shape=RECT coords=32,22,88,89 
              href="javascript:%20changeHanger(1);">
              <!--3-->
              <AREA onfocus=blur() 
              shape=RECT coords=96,66,152,128 
              href="javascript:%20changeHanger(2);">
              <!--4-->
              <AREA onfocus=blur() 
              shape=RECT coords=31,93,91,159 
              href="javascript:%20changeHanger(3);">
              <!--5-->
              <AREA onfocus=blur() 
              shape=RECT coords=95,134,152,197 
              href="javascript:%20changeHanger(4);">
              <!--6-->
              <AREA onfocus=blur() 
              shape=RECT coords=29,162,91,228 
              href="javascript:%20changeHanger(5);">
              <!--7-->
              <AREA onfocus=blur() 
              shape=RECT coords=94,204,152,266 
              href="javascript:%20changeHanger(6);">
              <!--8-->
              <AREA onfocus=blur() 
              shape=RECT coords=30,234,91,293 
              href="javascript:%20changeHanger(7);">
        </MAP></TD>
      </TR>
</body>
</html>

JS代码(storepic.js):

var nHangNo = (Math.floor((Math.random()) * 1000) % 7) + 1;
	var nSecondHangNo = 0;
	var isHangSecondCheck = 0;
	var nHangInterval = 4000;
	var nHangNoOld = nHangNo;
	var objHanger = document.getElementById("divHanger");
	var aHtmls = new Array ( "<a href='#' onfocus='this.blur()' target='_blank'><img src='images/main_hang1.jpg' border=0></a>","<a href='#' onfocus='this.blur()' target='_blank'><img src='images/main_hang2.jpg' border=0></a>","<a href='#' onfocus='this.blur()' target='_blank'><img src='images/main_hang3.jpg' border=0></a>","<a href='#' onfocus='this.blur()' target='_blank'><img src='images/main_hang4.jpg' border=0></a>","<a href='#' onfocus='this.blur()' target='_blank'><img src='images/main_hang5.jpg' border=0></a>","<a href='#' onfocus='this.blur()' target='_blank'><img src='images/main_hang6.jpg' border=0></a>","<a href='#' onfocus='this.blur()' target='_blank'><img src='images/main_hang7.jpg' border=0></a>","<a href='#' onfocus='this.blur()' target='_blank'><img src='images/main_hang8.jpg' border=0></a>");
	function getNavigatorType(){
	if (navigator.appName == "Microsoft Internet Explorer") return 1;
	else if (navigator.appName == "Netscape") return 2;
	else return 0;
}
function rotateHanger(){
	if (getNavigatorType() == 1){
	objHanger.filters[0].apply();
	setHanger();
	objHanger.filters[0].play();
}
else{
	setHanger();
}
nHangNoOld = nHangNo;
	if (isHangSecondCheck == 0){
	nHangNo = nSecondHangNo;
	isHangSecondCheck = 1;
}
else{
	(nHangNo==(aHtmls.length-1))?nHangNo=0:nHangNo++;
}
/**/
nRotateTimer = setTimeout('rotateHanger()',nHangInterval);
}
function restartRotate(){
	(nHangNo==(aHtmls.length-1))?nHangNo=0:nHangNo++;
	nRotateTimer = setTimeout('rotateHanger()',nHangInterval);
}
function changeHanger(nGotoNo){
	nHangNo = nGotoNo;
	if (getNavigatorType() == 1){
	objHanger.filters[0].apply();
	setHanger();
	objHanger.filters[0].play();
}
else{
	setHanger();
}
}
function setHanger(){
	objHanger.innerHTML=aHtmls[nHangNo];
}
rotateHanger();

附件:下载该文件资源,减少时间成本(增值服务)