代码学习群简易教程（39）

春天没来 2014-10-20

展开全文

第三十九节玩转网页小技巧（2） 第三十九节玩转网页小技巧（2）

上一节《教程》中讲解了如何应用代码收藏自己喜欢的更多网页，本节《教程》讲解应用代码修改动画图片。

在网络中流传的动画图片，有些是可以修改的。我们可以将自己喜欢的图片替换到动画图片中，甚至可以将自己的照片替换到动画图片中，修改成为有自己照片的动画图片。

例一：

例一的代码是一个圆形的动画图片。红色代码是替换图片地址处。可用你的图片地址替换掉“红色的图片地址”。

提示：要替换其它网站的图片地址，不能替换360图书馆中的图片地址。因为360图书馆设有防盗链，不允许图书馆中的图片应用于其它网站。如果想用你自己的照片，需要上传到其它网站，获取照片的地址欧。

下面所举的例子也是一样的，都不能应用360图书馆中的图片地址。

例二：

例二是一个正方体的动画图片，代码比较复杂一些。红色的代码中，等号后面是图片的地址。图片地址一共有6个。替换的时候，一定要细心，千万别弄错欧！

例三：

例三是一个扁形的长方体动画图片。红色的代码是替换图片地址处，一共有两个图片地址。可用你的图片地址替换掉“红色的图片地址”。

例四：

例四是一幅“自私”的幻灯片代码。红色代码是替换图片地址处，一共有六个图片地址。它的图片地址，只能够应用它自己网站的图片地址，其它网站的图片地址一般是无效的。更“自私”的是我们还无法登录它的网站，只能够应用修改图片地址序号的方法，寻找有效的图片地址。很是麻烦的，但是，这幅动画图片还是挺美的！

例五：

例五是一幅QQ中的动画图片，由六个图片组成。用光标指向图片，图片会有变化欧！你可以替换p1、p2、p3、p4、p5、p6等号后面的图片地址。图片地址也应该应用QQ中的图片地址欧！

qq空间的图片地址举例：

http://www./article/UploadPic/2012-8/2012830213518201.jpg

http://www./article/UploadPic/2012-8/2012830211245328.jpg

http://www./qqgexing/images/2012-8/2012830203831244.jpg

http://www./qqgexing/images/2012-8/2012830203322197.jpg

http://www./qqgexing/images/2012-8/2012830203153759.jpg

http://www./qqgexing/images/2012-8/2012828195353810.jpg

你也可以到http://www./网站寻找几个图片欧。

例六：

例六是由三个动画图片组成的动画图片，效果挺美的！画面中有不少的人物，有步行的，有骑车的，还有飞机在天空中飞翔呢！你可以替换红色的动画图片地址，重新组合为一个新的动画图片。（注意：要替换的地址必须是“动画图片地址”，不能替换为普通图片的地址欧！）

例七：

例七是由12张美女图片组成的移动动画图片。每次显示四个图片，效果挺美的！你用光标点击哪个美女，哪个美女就弹出来啦；你再点击一下那个美女，呵呵！她又退回去啦！

你可以替换红色的图片地址，重新组合为一个新的动画图片。替换时要细心欧，千万不要误“删除”了周围的代码。当然了，图片的张数是可以增减的。

例八：

例八是由13张图片交替展示的动画图片。动画图片中除了人物以外，还有飞翔的蝴蝶、小鸟，游动的小鱼儿呢！你可以替换红色的图片地址，重新组合为一个新的动画图片。替换时要细心欧，千万不要误“删除”了周围的代码。当然了，图片的张数是随你增减的。

例九：

例九是由13张图片交替展示的动画图片。13张美女图片自右向左缓缓移动着，也挺不错的。图片的外围，有一个灰色的方框，还有播放与暂停的按钮。用光标指向图片，图片停止移动，光标离开图片，图片又继续移动啦。

你可以替换红色的图片地址，重新组合为一个新的动画图片。替换时要细心欧，千万不要误“删除”了周围的代码。当然了，图片的张数也是可以随你增减的。

例十：

例十是由12张美女图片组成的动画图片。12张图片依次显示，堆叠在一起。把光标指向图片，就会显示出放大镜，你可以应用放大镜观察美女的各个部位欧！

你可以替换红色的图片地址，重新组合为一个新的动画图片。替换时要细心欧，千万不要误“删除”了周围的代码。图片的张数也是可以随意增减的。

例十一：

例十一是由12张图片组成的动画图片。12张图片依次显示，逐渐增大，然后慢慢消失。还有美丽的蝴蝶在飞翔呢！用光标指向图片，图片就静止不动啦，光标离开图片，图片继续增大，然后慢慢消失。

你可以替换红色的图片地址，重新组合为一个新的动画图片。替换时要细心欧，千万不要误“删除”了周围的代码。图片的张数也是可以随意增减的。

例十二：

例十二是由13张图片组成的动画图片。13张图片连续不断地向右移动。用鼠标箭头点击哪张图片，哪张图片就会放大；再点击这张图片，图片回复原状，继续移动。

你可以替换红色的图片地址，重新组合为一个新的动画图片。替换时要细心欧，千万不要误“删除”了周围的代码。图片的张数也是可以随意增减的。

例十三：

例十三是自动切换的幻灯图片。红色的代码是图片的地址，图片的数量可以增减，每两个图片地址之间要用一条竖线隔开。你可以把代码中的图片地址替换为你喜欢的图片地址欧！

作业：

本节的作业为实际操作练习。你喜欢哪几个动画的形式，就在网络中寻找一些你喜欢的图片，替换图片地址，制作几篇网页玩儿吧。

如果你还想弄清楚代码中每个属性、属值的意义，就到“百度”中搜索一下吧。

“春天没来”编撰

2014年10月20日于北京

本站是提供个人知识管理的网络存储空间，所有内容均由用户发布，不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息，谨防诈骗。如发现有害或侵权内容，请点击一键举报。

转藏分享

QQ空间 QQ好友新浪微博微信

献花（0） +1

来自：春天没来 > 《代码学习群教程》

举报/认领

0条评论

发表

请遵守用户评论公约

类似文章 更多

春天没来

关注对话

TA的最新馆藏

吸管工具应用（ps教程）
*巧用混合选项抠发丝（ps教程）
[转] 《伤寒论》《金匮要略》载方一览
[转] 好想
[转] 性感撩人
[转] 荒山野庙里的沉思的BLOG--蠢子医阳夏?龙绘堂著(一)

喜欢该文的人也喜欢更多

热门阅读换一换