注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

逍遥谷芸儿滴音画居

红尘三千墨, 一笔一画只为你深情

 
 
 

日志

 
 

小龙女老师特效单图音画《暗香》制作  

2013-08-24 21:31:20|  分类: 音画教程 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

小龙女老师特效单图音画《暗香》制作 - 轻舞若芸 - 逍遥谷芸儿滴音画居

 

小龙女老师特效单图音画《暗香》制作 - 轻舞若芸 - 逍遥谷芸儿滴音画居

 

小龙女老师特效单图音画《暗香》制作 - 轻舞若芸 - 逍遥谷芸儿滴音画居

 

小龙女老师特效单图音画《暗香》制作 - 轻舞若芸 - 逍遥谷芸儿滴音画居

 

小龙女老师特效单图音画《暗香》制作 - 轻舞若芸 - 逍遥谷芸儿滴音画居

 

小龙女老师特效单图音画《暗香》制作 - 轻舞若芸 - 逍遥谷芸儿滴音画居

 

小龙女老师特效单图音画《暗香》制作 - 轻舞若芸 - 逍遥谷芸儿滴音画居

 

小龙女老师特效单图音画《暗香》制作 - 轻舞若芸 - 逍遥谷芸儿滴音画居

 

小龙女老师特效单图音画《暗香》制作 - 轻舞若芸 - 逍遥谷芸儿滴音画居

 

小龙女老师特效单图音画《暗香》制作 - 轻舞若芸 - 逍遥谷芸儿滴音画居

 

小龙女老师特效单图音画《暗香》制作 - 轻舞若芸 - 逍遥谷芸儿滴音画居
 
   

翻页效果代码:

1把如下代码复制到<head>与</head>之间

<script type="text/javascript">

 var Book_Image_Width=140; //此处为图片的宽度,默认为140,可修改为你需要的数值
 var Book_Image_Height=225; //此处为图片的高度,默认为225,可修改为你需要的数值
 var Book_Border=true;
 var Book_Border_Color="gray";
 var Book_Speed=15;
 var Book_NextPage_Delay=1500; //1 second=1000 //此处为图片翻转的相隔时间,可修改为你需要的数值
 var Book_Vertical_Turn=0; 

 Book_Image_Sources=new Array(
//下面四行是翻转图片和图片链接的代码,每行为一个图片及链接,增加或减少图片只需按下面的样式增加或减少一行代码即可,图片顺序可自由调整,注意除最后其余每行尾部都需要有一个,号
//下面左边引号中为图片的地址,右边引号中为链接地址,如不需要链接可将右边引号中的链接去掉,但要保留引号
  "image1.jpg","
http://code.xinnew.com/",
  "image2.jpg","
http://code.xinnew.com/",
  "image3.jpg","
http://code.xinnew.com/tool/",
  "image4.jpg","
http://code.xinnew.com/tool/"
 );

 var B_LI,B_MI,B_RI,B_TI,B_Angle=0,B_CrImg=6,B_MaxW,B_Direction=1;
 var B_MSz,B_Stppd=false;B_Pre_Img=new Array(Book_Image_Sources.length);

 function ImageBook(){
  if(document.getElementById){
   for(i=0;i<Book_Image_Sources.length;i+=2){
    B_Pre_Img[i]=new Image();B_Pre_Img[i].src=Book_Image_Sources[i]}
   Book_Div=document.getElementById("Book");
   B_LI=document.createElement("img");Book_Div.appendChild(B_LI); 
   B_RI=document.createElement("img");Book_Div.appendChild(B_RI);
   B_MI=document.createElement("img");Book_Div.appendChild(B_MI); 
   B_LI.style.position=B_MI.style.position=B_RI.style.position="absolute";
   B_LI.style.zIndex=B_RI.style.zIndex=0;B_MI.style.zIndex=1;
   B_LI.style.top=(Book_Vertical_Turn?Book_Image_Height+1:0)+"px";
   B_LI.style.left=0+"px";
   B_MI.style.top=0+"px";
   B_MI.style.left=(Book_Vertical_Turn?0:Book_Image_Width+1)+"px";
   B_RI.style.top=0+"px";
   B_RI.style.left=(Book_Vertical_Turn?0:Book_Image_Width+1)+"px";
   B_LI.style.height=Book_Image_Height+"px";
   B_MI.style.height=Book_Image_Height+"px";
   B_RI.style.height=Book_Image_Height+"px";
   B_LI.style.width=Book_Image_Width+"px";
   B_MI.style.width=Book_Image_Width+"px";
   B_RI.style.width=Book_Image_Width+"px";
   if(Book_Border){
    B_LI.style.borderStyle=B_MI.style.borderStyle=B_RI.style.borderStyle="solid";
    B_LI.style.borderWidth=1+"px";
    B_MI.style.borderWidth=1+"px";
    B_RI.style.borderWidth=1+"px";
    B_LI.style.borderColor=B_MI.style.borderColor=B_RI.style.borderColor=Book_Border_Color}
   B_LI.src=B_Pre_Img[0].src;
   B_LI.lnk=Book_Image_Sources[1];
   B_MI.src=B_Pre_Img[2].src;
   B_MI.lnk=Book_Image_Sources[3];
   B_RI.src=B_Pre_Img[4].src;
   B_RI.lnk=Book_Image_Sources[5];
   B_LI.onclick=B_MI.onclick=B_RI.onclick=B_LdLnk;
   B_LI.onmouseover=B_MI.onmouseover=B_RI.onmouseover=B_Stp;
   B_LI.onmouseout=B_MI.onmouseout=B_RI.onmouseout=B_Rstrt;
   BookImages()}}

 function BookImages(){
  if(!B_Stppd){
   if(Book_Vertical_Turn){
    B_MSz=Math.abs(Math.round(Math.cos(B_Angle)*Book_Image_Height));
    MidOffset=!B_Direction?Book_Image_Height+1:Book_Image_Height-B_MSz;
    B_MI.style.top=MidOffset+"px";
    B_MI.style.height=B_MSz+"px"}
   else{ B_MSz=Math.abs(Math.round(Math.cos(B_Angle)*Book_Image_Width));
    MidOffset=B_Direction?Book_Image_Width+1:Book_Image_Width-B_MSz;
    B_MI.style.left=MidOffset+"px";
    B_MI.style.width=B_MSz+"px"}
   B_Angle+=Book_Speed/720*Math.PI;
   if(B_Angle>=Math.PI/2&&B_Direction){
    B_Direction=0;
    if(B_CrImg==Book_Image_Sources.length)B_CrImg=0;
    B_MI.src=B_Pre_Img[B_CrImg].src;
    B_MI.lnk=Book_Image_Sources[B_CrImg+1];
    B_CrImg+=2}
   if(B_Angle>=Math.PI){
    B_Direction=1;
    B_TI=B_LI;
    B_LI=B_MI;
    B_MI=B_TI;
    if(Book_Vertical_Turn)B_MI.style.top=0+"px";
    else B_MI.style.left=Book_Image_Width
+1+"px";   
    B_MI.src=B_RI.src;
    B_MI.lnk=B_RI.lnk;

    setTimeout("Book_Next_Delay()",Book_NextPage_Delay)}
   else setTimeout("BookImages()",50)}
  else setTimeout("BookImages()",50)}

 function Book_Next_Delay(){
   if(B_CrImg==Book_Image_Sources.length)B_CrImg=0;
   B_RI.src=B_Pre_Img[B_CrImg].src;
   B_RI.lnk=Book_Image_Sources[B_CrImg+1];
   B_MI.style.zIndex=2;
   B_LI.style.zIndex=1;
   B_Angle=0;
   B_CrImg+=2;
  setTimeout("BookImages()",50)}

 function B_LdLnk(){if(this.lnk)window.location.href=this.lnk}
 function B_Stp(){B_Stppd=true;this.style.cursor=this.lnk?"pointer":"default"}
 function B_Rstrt(){B_Stppd=false}
</script>


2  把如下代码复制到<body>与
<script type="text/javascript"><!--
google_ad_client = "ca-pub-4346681031078947";
/* 728x90, 创建于 07-11-18 */
google_ad_slot = "1163201327";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="
http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

</body>之间

 

<div id="Book" style="position:relative">
<img src="butong_net.jpg" width="144" height="227">
</div>


3修改<body>标签为

<body onload="ImageBook()">

 

ANXIANG

<DIV style="LEFT: 150px; POSITION: absolute; TOP: 50px">
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD><html>
<head>
<title>龙女音画</title>
<body>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script type="text/javascript">

 var Book_Image_Width=375; //
 var Book_Image_Height=460; //
 var Book_Border=true;
 var Book_Border_Color="Black";
 var Book_Speed=15;
 var Book_NextPage_Delay=1500; //1 second=1000 //
 var Book_Vertical_Turn=0; 

 Book_Image_Sources=new Array(//
  "http://img170.poco.cn/mypoco/myphoto/20120711/22/630069732012071122481407.jpg","http://723553147.net/",
  "http://img13.poco.cn/mypoco/myphoto/20120711/22/6300697320120711225058048.jpg","http://723553147.net/",
  "http://img170.poco.cn/mypoco/myphoto/20120711/22/6300697320120711225013090.jpg","http://723553147.net/",

"http://img170.poco.cn/mypoco/myphoto/20120711/22/6300697320120711225137046.jpg","http://723553147.net//",

"http://img170.poco.cn/mypoco/myphoto/20120711/22/6300697320120711224917086.jpg","http://723553147.net/"
 );

 var B_LI,B_MI,B_RI,B_TI,B_Angle=0,B_CrImg=6,B_MaxW,B_Direction=1;
 var B_MSz,B_Stppd=false;B_Pre_Img=new Array(Book_Image_Sources.length);

 function ImageBook(){
  if(document.getElementById){
   for(i=0;i<Book_Image_Sources.length;i+=2){
    B_Pre_Img[i]=new Image();B_Pre_Img[i].src=Book_Image_Sources[i]}
   Book_Div=document.getElementById("Book");
   B_LI=document.createElement("img");Book_Div.appendChild(B_LI); 
   B_RI=document.createElement("img");Book_Div.appendChild(B_RI);
   B_MI=document.createElement("img");Book_Div.appendChild(B_MI); 
   B_LI.style.position=B_MI.style.position=B_RI.style.position="absolute";
   B_LI.style.zIndex=B_RI.style.zIndex=0;B_MI.style.zIndex=1;
   B_LI.style.top=(Book_Vertical_Turn?Book_Image_Height+1:0)+"px";
   B_LI.style.left=0+"px";
   B_MI.style.top=0+"px";
   B_MI.style.left=(Book_Vertical_Turn?0:Book_Image_Width+1)+"px";
   B_RI.style.top=0+"px";
   B_RI.style.left=(Book_Vertical_Turn?0:Book_Image_Width+1)+"px";
   B_LI.style.height=Book_Image_Height+"px";
   B_MI.style.height=Book_Image_Height+"px";
   B_RI.style.height=Book_Image_Height+"px";
   B_LI.style.width=Book_Image_Width+"px";
   B_MI.style.width=Book_Image_Width+"px";
   B_RI.style.width=Book_Image_Width+"px";
   if(Book_Border){
    B_LI.style.borderStyle=B_MI.style.borderStyle=B_RI.style.borderStyle="solid";
    B_LI.style.borderWidth=1+"px";
    B_MI.style.borderWidth=1+"px";
    B_RI.style.borderWidth=1+"px";
    B_LI.style.borderColor=B_MI.style.borderColor=B_RI.style.borderColor=Book_Border_Color}
   B_LI.src=B_Pre_Img[0].src;
   B_LI.lnk=Book_Image_Sources[1];
   B_MI.src=B_Pre_Img[2].src;
   B_MI.lnk=Book_Image_Sources[3];
   B_RI.src=B_Pre_Img[4].src;
   B_RI.lnk=Book_Image_Sources[5];
   B_LI.onclick=B_MI.onclick=B_RI.onclick=B_LdLnk;
   B_LI.onmouseover=B_MI.onmouseover=B_RI.onmouseover=B_Stp;
   B_LI.onmouseout=B_MI.onmouseout=B_RI.onmouseout=B_Rstrt;
   BookImages()}}

 function BookImages(){
  if(!B_Stppd){
   if(Book_Vertical_Turn){
    B_MSz=Math.abs(Math.round(Math.cos(B_Angle)*Book_Image_Height));
    MidOffset=!B_Direction?Book_Image_Height+1:Book_Image_Height-B_MSz;
    B_MI.style.top=MidOffset+"px";
    B_MI.style.height=B_MSz+"px"}
   else{ B_MSz=Math.abs(Math.round(Math.cos(B_Angle)*Book_Image_Width));
    MidOffset=B_Direction?Book_Image_Width+1:Book_Image_Width-B_MSz;
    B_MI.style.left=MidOffset+"px";
    B_MI.style.width=B_MSz+"px"}
   B_Angle+=Book_Speed/720*Math.PI;
   if(B_Angle>=Math.PI/2&&B_Direction){
    B_Direction=0;
    if(B_CrImg==Book_Image_Sources.length)B_CrImg=0;
    B_MI.src=B_Pre_Img[B_CrImg].src;
    B_MI.lnk=Book_Image_Sources[B_CrImg+1];
    B_CrImg+=2}
   if(B_Angle>=Math.PI){
    B_Direction=1;
    B_TI=B_LI;
    B_LI=B_MI;
    B_MI=B_TI;
    if(Book_Vertical_Turn)B_MI.style.top=0+"px";
    else B_MI.style.left=Book_Image_Width+1+"px";   
    B_MI.src=B_RI.src;
    B_MI.lnk=B_RI.lnk;

    setTimeout("Book_Next_Delay()",Book_NextPage_Delay)}
   else setTimeout("BookImages()",50)}
  else setTimeout("BookImages()",50)}

 function Book_Next_Delay(){
   if(B_CrImg==Book_Image_Sources.length)B_CrImg=0;
   B_RI.src=B_Pre_Img[B_CrImg].src;
   B_RI.lnk=Book_Image_Sources[B_CrImg+1];
   B_MI.style.zIndex=2;
   B_LI.style.zIndex=1;
   B_Angle=0;
   B_CrImg+=2;
  setTimeout("BookImages()",50)}

 function B_LdLnk(){if(this.lnk)window.location.href=this.lnk}
 function B_Stp(){B_Stppd=true;this.style.cursor=this.lnk?"pointer":"default"}
 function B_Rstrt(){B_Stppd=false}
</script>
</head>
<body>
</head>
<body onload="ImageBook()">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-4346681031078947";
/* 728x90, 创建于 07-11-18 */
google_ad_slot = "1163201327";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
</body>
</html>
<div id="Book" style="position:relative">
<img src="http://img170.poco.cn/mypoco/myphoto/20120711/08/6300697320120711084348043.jpg" width="10" height="50">
</div></TD></TR></TBODY></TABLE></DIV>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<img src="http://img170.poco.cn/mypoco/myphoto/20120711/08/6300697320120711084348043.jpg" width="1000" height="600" alt="">
<EMBED style="LEFT:150px; WIDTH: 300px; POSITION: absolute; TOP: 50px; HEIGHT:300px"align=left src=http://img.fudisk.com/flash/2.swf width=250 height=250 type=application/octet-stream wmode="transparent" quality="high" >
<EMBED style="LEFT:600px; WIDTH: 150px; POSITION: absolute; TOP: 250px; HEIGHT:150px"align=left src=http://www.723553147.net/UploadFiles/uploadpic/2009051611475496750.swf width=150 height=150 type=application/octet-stream wmode="transparent" quality="high" >
<EMBED src=http://58.254.132.169/90115000/fulltrack_dl/MP3_40_16_Stero/2012011107/770004.mp3 hidden=true type=audio/mpeg autostart="true" loop="true">
</body>
</html>

  评论这张
 
阅读(72)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017