黔中一叟 发表于 2020-6-4 22:14
云师别客气，同为中画一员，互相支持交流学习是必须的，不必说谢。
问好黔中一叟超级版主,互相支持交流学习非常好！
巫荣云师 发表于 2020-6-5 07:31
问好绿地水池老友,互相支持非常好！
巫荣云师朋友下午好。
巫荣云师 发表于 2020-6-5 07:34
问好黔中一叟超级版主,互相支持交流学习非常好！
云师下午好！又来到你的帖中，除了分享，学习，更重要的是送上衷心的祝福：开心快乐每一天!
欣赏佳作，赞一个！{:1_293:}
yzf000319 发表于 2020-6-14 07:12
欣赏佳作，赞一个！
谢谢yzf000319老师的欣赏点赞鼓励！
老师好！您这个贴的代码还有吗？
北国睡莲 发表于 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.src;
B_LI.lnk=Book_Image_Sources;
B_MI.src=B_Pre_Img.src;
B_MI.lnk=Book_Image_Sources;
B_RI.src=B_Pre_Img.src;
B_RI.lnk=Book_Image_Sources;
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.src;
B_MI.lnk=Book_Image_Sources;
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.src;
B_RI.lnk=Book_Image_Sources;
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>