设为首页收藏本站
开启辅助访问

中画网

 找回密码
 中文注册

QQ登录

只需一步，快速开始

123
返回列表 发新帖
楼主: 巫荣云师

[习作] [云师学代码] 代码程序自动翻页相册

[复制链接]
巫荣云师

签到天数: 177 天

[LV.7]常住居民III

鲜花(10) 鸡蛋(0)
 楼主| 发表于 2020-6-5 07:34 | 显示全部楼层
黔中一叟 发表于 2020-6-4 22:14
云师别客气，同为中画一员，互相支持交流学习是必须的，不必说谢。

问好黔中一叟超级版主,互相支持交流学习非常好！

点评

黔中一叟
云师下午好！又来到你的帖中，除了分享，学习，更重要的是送上衷心的祝福：开心快乐每一天!  详情 回复 发表于 2020-6-5 17:26
回复 支持 反对 鲜花(10) 鸡蛋(0)

使用道具 举报

绿地水池

签到天数: 1317 天

[LV.10]以坛为家III

鲜花(13) 鸡蛋(0)
发表于 2020-6-5 16:37 | 显示全部楼层
巫荣云师 发表于 2020-6-5 07:31
问好绿地水池老友,互相支持非常好！

巫荣云师朋友下午好。
回复 支持 反对 鲜花(13) 鸡蛋(0)

使用道具 举报

黔中一叟

签到天数: 1244 天

[LV.10]以坛为家III

鲜花(41) 鸡蛋(0)
发表于 2020-6-5 17:26 | 显示全部楼层
巫荣云师 发表于 2020-6-5 07:34
问好黔中一叟超级版主,互相支持交流学习非常好！

云师下午好！又来到你的帖中，除了分享，学习，更重要的是送上衷心的祝福：开心快乐每一天!
回复 支持 反对 鲜花(41) 鸡蛋(0)

使用道具 举报

雄鹰翱翔

签到天数: 153 天

[LV.7]常住居民III

鲜花(8) 鸡蛋(0)
发表于 2020-6-14 07:12 | 显示全部楼层
欣赏佳作，赞一个！

点评

巫荣云师
谢谢yzf000319老师的欣赏点赞鼓励！  详情 回复 发表于 2020-6-14 21:32
回复 支持 反对 鲜花(8) 鸡蛋(0)

使用道具 举报

巫荣云师

签到天数: 177 天

[LV.7]常住居民III

鲜花(10) 鸡蛋(0)
 楼主| 发表于 2020-6-14 21:32 | 显示全部楼层
yzf000319 发表于 2020-6-14 07:12
欣赏佳作，赞一个！

谢谢yzf000319老师的欣赏点赞鼓励！
回复 支持 反对 鲜花(10) 鸡蛋(0)

使用道具 举报

北国睡莲

该用户从未签到

鲜花(8) 鸡蛋(0)
发表于 2021-10-19 23:14 | 显示全部楼层
老师好！您这个贴的代码还有吗？
回复 支持 反对 鲜花(8) 鸡蛋(0)

使用道具 举报

巫荣云师

签到天数: 177 天

[LV.7]常住居民III

鲜花(10) 鸡蛋(0)
 楼主| 发表于 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>        































         
回复 支持 反对 鲜花(10) 鸡蛋(0)

使用道具 举报

123
返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 中文注册

本版积分规则

网站地图|小黑屋|Archiver|中画网 ( 蜀ICP备11021737号-2 )|网站地图

GMT+8, 2024-11-23 07:05 , Processed in 0.053671 second(s), 19 queries , MemCached On.

上网要文明 发言要理性

Powered by Discuz! © 2008-2023 YinHuaBBS.CN

快速回复 返回顶部 返回列表