图片集旋转显示

稿源：互联网 2022-04-18 15:57:22 点击： 2889 撤稿纠错

图片集旋转显示，旧图片给删了，看不出效果，换上新图片再运行代码，仿佛一个空中旋转的物体。

以下讨论的是和旋转特效相关的图片集旋转显示教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>阿里西西网页特效演示，图片集旋转显示</title>
</head>

/* array to specify images and optional links. 
	For 4 sided carousel specify at least 2 images
	For 6 sided carousel specify at least 3
	For 8 sided carousel specify at least 4
	For 12 sided carousel specify at least 6
 If Link is not needed keep it ""
*/
	Car_Image_Sources=new Array(
		"http://www.alixixi.com/UploadPic/userface/no1323.jpg","#",
		"http://www.alixixi.com/images/face/image21.gif","#",
		"http://www.alixixi.com/UploadPic/userface/no1323.jpg","#",
		"http://www.alixixi.com/images/face/image21.gif","#" 
		);

/***************** DO NOT EDIT BELOW **********************************/
	CW_I=new Array(Car_NoOfSides/2+1);C_ClcW=new Array(Car_NoOfSides/2);
	C_Coef=new Array(
		3*Math.PI/2,0,3*Math.PI/2,11*Math.PI/6,Math.PI/6,3*Math.PI/2,7*Math.PI/4,	0,
		Math.PI/4,3*Math.PI/2,5*Math.PI/3,11*Math.PI/6,0,Math.PI/6,Math.PI/3);
	var C_CoefOf=Car_NoOfSides==4?0:Car_NoOfSides==6?2:Car_NoOfSides==8?5:9;
	C_Pre_Img=new Array(Car_Image_Sources.length);
	var C_Angle=Car_Direction?Math.PI/(Car_NoOfSides/2):0,C_CrImg=Car_NoOfSides,C_MaxW,C_TotalW,
	C_Stppd=false,i,C_LeftOffset,C_HalfNo=Car_NoOfSides/2;

function C_LdLnk(){if(this.lnk)window.location.href=this.lnk}
	function C_Stp(){this.style.cursor=this.lnk?"pointer":"default";C_Stppd=true;}
	function C_Rstrt(){C_Stppd=false}
</script>
<div id="Carousel" style="position:relative">
   <img src="http://img.alixixi.com/mylogo3.gif" width="371" height="225">  </div>

</body>

</html>
<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于图片集旋转显示的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/20080714770.shtml方便下次再访问哦。

·上一篇： CSS滤镜实现的各种效果
·下一篇： 值得推荐的无限缩小放大图片功能

图片集旋转显示

文章分类LIST >>返回首页

最新游戏

最新新闻