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

语辰的博客

学习的园地生活的乐园

 
 
 

日志

 
 

【转载】一个简单易学的“自动翻页画册”制作法  

2014-07-04 12:27:12|  分类: 博客知识 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

本文向你推荐一个代码简单易作的“自动翻页画册”,它最适合于初学者,请先欣赏下原作:

点击此处参阅"翻页画册"

 

一、在桌面建立一个“文本文档”

二、将下面代码复制过去,“(*---)”带星括号为注解,复制后删掉
    自动翻页画册代码:
    <body bgcolor=#000000>
    <script language="javascript">
    <!--
    dt=new Array();
    wh = 0;
    muki=1;
    img_w=800; (*图片宽度)
    img_h=267; (*图片高度)
    img_top=100;
    tim=3000;
    url="http://www.AceLayouts.com/"; (*上传图片网站地址)
    n=0;dt[n]="uploads/images/2010-03-20/JVHljkGAPN.jpg,";(*图一)
    n=1;dt[n]="uploads/images/2010-03-20/NYJ5btJ5BX.jpg,";(*图二)
    n=2;dt[n]="uploads/images/2010-03-20/X52UUYVG2P.jpg,";(*图三)
    n=3;dt[n]="uploads/images/2010-03-20/9uodvyGpEX.jpg,";(*图四)
    n=4;dt[n]="uploads/images/2010-03-20/eiTEx8vhEL.jpg,";(*图五)
    n=5;dt[n]="uploads/images/2010-03-20/K4lJE2gpHe.jpg,";(*图六)
    //-->
    </script>
    <body onLoad="at()">
    <script src="http://aaha.pe.kr/JS-FILE/bookslide.js"></script>(*按钮)
    </body>

三、制图、上传(不得用博客相册上传,另找一网站),将图片地址分别换到图一至图六上
    注意:换地址时将上传网站地址删除,
    例如图一地址 http://www.AceLayouts.com/uploads/images/2010-03-20/JVHljkGAPN.jpg
                 将红色网站地址部份贴到(*上传图片网站地址)
                 将剩下兰色部份分别贴到图一至图六上

四、全部粘贴后点“文本文档-文件”进行保存(保存格式为TXT),
    然后再点“文本文档-文件-另存为”(另存为格式为HTM)此时桌面便出现一个HTM预览文件,
           (可以这样理解,TXT好比日志页面,HTM好比日志的预览)

五、以上全部完工后,上传TXT文件,(上传网站地址:http://up.gz1w.com/

六、将上传后的地址在自己博客上建一个链接即可发表了(说明:因此文件代码不能在博上直接欣赏)
    (链接代码:<A href="TXT地址"target="_blank">此处加链接图片或文字</A>

 

关于全屏制图法请参阅下篇日志:

http://ztm8181.blog.163.com/blog/static/2349499820097495022860/

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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