[云師學代碼] 代碼程序自動翻頁相冊

巫榮云師 · 發表于 2020-6-5 07:34

黔中一叟發表于 2020-6-4 22:14
云師別客氣，同為中畫一員，互相支持交流學習是必須的，不必說謝。

問好黔中一叟超級版主,互相支持交流學習非常好！

綠地水池 · 發表于 2020-6-5 16:37

巫榮云師發表于 2020-6-5 07:31
問好綠地水池老友,互相支持非常好！

巫榮云師朋友下午好。

黔中一叟 · 發表于 2020-6-5 17:26

巫榮云師發表于 2020-6-5 07:34
問好黔中一叟超級版主,互相支持交流學習非常好！

云師下午好！又來到你的帖中，除了分享，學習，更重要的是送上衷心的祝福：開心快樂每一天!

雄鷹翱翔 · 發表于 2020-6-14 07:12

欣賞佳作，贊一個！

巫榮云師 · 發表于 2020-6-14 21:32

yzf000319 發表于 2020-6-14 07:12
欣賞佳作，贊一個！

謝謝yzf000319老師的欣賞點贊鼓勵！

北國睡蓮 · 發表于 2021-10-19 23:14

老師好！您這個貼的代碼還有嗎？

巫榮云師 · 發表于 2021-10-20 07:40

北國睡蓮發表于 2021-10-19 23:14
老師好！您這個貼的代碼還有嗎？

請老師收藏，問好！

<html>
<head>
<TITLE>自編代碼—小院原創</TITLE>
<STYLE>


</STYLE>
<meta name=”renderer”content=”webkit|ie-comp|ie-stand”>
<script type="text/javascript">
// 7 variables to control behavior
      var Book_Image_Width=432;//432時兼容看有立體感，更改為448時極速看平面效果寬就剛好。
      var Book_Image_Height=274;
      var Book_Border=true;
      var Book_Border_Color="gray";
      var Book_Speed=15;
      var Book_NextPage_Delay=2500; //1 second=1000
      var Book_Vertical_Turn=0;
// array to specify images and optional links. At least 4
// If Link is not needed keep it ""
      Book_Image_Sources=new Array(
"http://www.aiu365.com/data/attachment/forum/202006/03/163343qu2ovuidio5c35pv.jpg","",//前引號內圖片432*260(寬差一點)后引號內無效地址刪除
"http://www.aiu365.com/data/attachment/forum/202006/03/163346nzl3xbmtbmhcm2lg.jpg","",//前引號內圖片448*260(寬還是差一點，要更改上面的寬)
"http://www.aiu365.com/data/attachment/forum/202006/03/163348mzxzvc3dwihswqvv.jpg","",//同上
"http://www.aiu365.com/data/attachment/forum/202006/03/163350u6zgp1nlanl46117.jpg","",//同上
"http://www.aiu365.com/data/attachment/forum/202006/03/163352kn66jh1ee10mz1hv.jpg","",//同上
"http://www.aiu365.com/data/attachment/forum/202006/03/163341b2b2ak3bxb3zqga2.jpg","" //同上
            );
/***************** DO NOT EDIT BELOW **********************************/
      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=new Image();B_Pre_Img.src=Book_Image_Sources}
                     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 BGCOLOR=#227700 LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<TABLE title="夕陽公益，我的家園" border=0 cellSpacing=3 borderColor=#cccccc width="1000" HEIGHT="592px" bgColor=#227700 bgColor=#ffffff align=center>
<TBODY>
<TR>
<TD>
<TABLE title="快樂學習，快樂人生" border=1 cellSpacing=12 borderColorLight=#ffffff borderColorDark=#ffffff width="100%" background=http://www.xyxywzy.com/asphtm/xianjing/6.jpg align=center>
<TBODY>
<TR>
<TD>
<TABLE border=0 cellSpacing=1 width="100%" HEIGHT="446px" bgColor=#227700 align=center>
<TBODY>
<TR>
<TD width="100%"><BR>
<DIV align=center><FONT color=#00ff00 size=5 face=宋體><B>既知夕陽晚，何不振翅飛---《代碼翻頁特效》---待到彩虹日，天海盡朝暉
</B></FONT></DIV><BR>
<table width="898" border="0" cellspacing="0" cellpadding="0" style="border-left: 20 solid #BDB76B; border-right: 20 solid #BDB76B; border-top: 20 solid #44bb44; border-bottom: 20 solid #44bb44"  align=center>
<TBODY>
<TR>
<TD>
<DIV align=center><img src="http://www.aiu365.com/data/attachment/forum/202006/03/120028vv7nhehh7oooqh0h.gif" width="896" height="25"></DIV>

<table width="898" border="0" cellspacing="0" cellpadding="0" style="border-left: 16 solid #BDB76B; border-right: 16 solid #BDB76B; border-top: 20 solid #5E5E16; border-bottom: 20 solid #5E5E16" bgcolor=#BDB76B align=center>
<TBODY>
<TR>
<TD>
<div id="Book" style="position:relative">
<img src="http://www.xyxywzy.com/2015/bksj1/432x260.gif" width="432" height="274"></div>
</TD></TR>
</TBODY></TABLE>
<DIV align=center><img src="http://www.aiu365.com/data/attachment/forum/202006/03/120028vv7nhehh7oooqh0h.gif" width="896" height="25"></DIV>

</TD>
</TR></TBODY></TABLE><BR>
<DIV align=center><FONT color=#00ff00 size=5 face=宋體><B>學代碼就是學超文本語言---《云師代碼習作》---學語言要從腳本編譯開始
</B></FONT></DIV><BR>
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
</BODY>

<div align="center"><audio autoplay="" controls=""><source type="audio/mpeg" src="http://other.web.re01.sycdn.kuwo.cn/resource/n3/99/84/1975782312.mp3"></audio></div>
<div align="center"><font color="seagreen"></font> </div>
</html>

賬號		自動登錄	找回密碼
密碼			中文注冊

[習作] [云師學代碼] 代碼程序自動翻頁相冊

點評

點評

站長推薦 /1