打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
【代码知识】用代码给图片制作幻灯效果
《用代码制作幻灯片效果》
把下面的代码复制后可套用,用时把*号与---线去掉。
下段是总的开始部分
<*?import namespace = t urn = "urn:schemas-microsoft-com:time" implementation = "#default#time2" declareNamespace />
<*t:SEQ repeatCount = "indefinite">
说明:以下是幻灯片十种变化,每段虚线所隔部分为一种变化。
<*t:MEDIA 为开头><*/t:MEDIA>为结尾>
<*WIDTH: 550px;为图的宽><*HEIGHT: 500px"为图的高>
<*LEFT: 20px;为定框里左右位置><*TOP: 200px;为定框里上下位置>
<*src = "http://图地址>
使用时要把效果说明(1)—(10)红色字去掉,绿色代码都要用。
-----------------------------------------------------------------------------------
<*t:MEDIA style="FILTER: alpha; LEFT: 20px; WIDTH: 550px; POSITION: absolute; TOP: 200px; HEIGHT: 500px" src = http://img303.photo.163.com/xianxia518/29843461/969846336.jpg dur = "3" fill = "transition" timeContainer = "par">
<*t:TRANSITIONFILTER from = "0" to = "1" type = "barWipe" dur = "2">
(1)<*type="barwipe" 是从左到右拉开的效果>
<*/t:TRANSITIONFILTER><*/t:MEDIA>
-------------------------------------------------------------------------
<*t:MEDIA style="FILTER: alpha; LEFT: 20px; WIDTH: 550px; POSITION: absolute; TOP: 200px; HEIGHT: 500px" src = http://img303.photo.163.com/xianxia518/29843461/969846450.jpg dur = "3" fill = "transition" timeContainer = "par">
<*t:TRANSITIONFILTER from = "0" to = "1" type = "fade" dur = "2">
(2)<*type="fade" 是渐显渐隐效果>
<*/t:TRANSITIONFILTER><*/t:MEDIA>
-------------------------------------------------------------------------
<*t:MEDIA style="FILTER: alpha; LEFT: 20px; WIDTH: 550px; POSITION: absolute; TOP: 200px; HEIGHT: 500px" src = http://img303.photo.163.com/xianxia518/29843461/969846562.jpg dur = "3" fill = "transition" timeContainer = "par"> <*t:TRANSITIONFILTER from = "0" to = "1" type = "ClockWipe" dur = "2">
(3)<*type="clockwipe" 是像钟表一样旋转出现的效果>
<*/t:TRANSITIONFILTER><*/t:MEDIA>
------------------------------------------------------------------------
<*t:MEDIA style="FILTER: alpha; LEFT: 20px; WIDTH: 550px; POSITION: absolute; TOP: 200px; HEIGHT: 500px" src = http://img303.photo.163.com/xianxia518/29843461/969846908.jpg dur = "3" fill = "transition" timeContainer = "par"> <*t:TRANSITIONFILTER from = "0" to = "1" type = "barnDoorWipe" dur = "2">
(4)<*type="barndoorwipe" 是从中间向两边拉开的效果>
<*/t:TRANSITIONFILTER><*/t:MEDIA>
-----------------------------------------------------------------------
<*t:MEDIA style="FILTER: alpha; LEFT: 20px; WIDTH: 550px; POSITION: absolute; TOP: 200px; HEIGHT: 500px" src = http://img303.photo.163.com/xianxia518/29843461/969846647.jpg dur = "3" fill = "transition" timeContainer = "par"> <*t:TRANSITIONFILTER from = "0" to = "1" type = "slideWipe" dur = "2">
(5)<*type="slideWipe" 是右往左边拉开的效果>
<*/t:TRANSITIONFILTER><*/t:MEDIA>
-----------------------------------------------------------------------
<*t:MEDIA style="FILTER: alpha; LEFT: 20px; WIDTH: 550px; POSITION: absolute; TOP: 200px; HEIGHT: 500px" src = http://img303.photo.163.com/xianxia518/29843461/969846822.jpg dur = "3" fill = "transition" timeContainer = "par"> <*t:TRANSITIONFILTER from = "0" to = "1" type = "irisWipe" dur = "2">
(6)<*type="iriswipe" 是正中间矩形窗口逐渐扩大的效果>
<*/t:TRANSITIONFILTER><*/t:MEDIA>
-----------------------------------------------------------------------
<*t:MEDIA style="FILTER: alpha; LEFT: 20px; WIDTH: 550px; POSITION: absolute; TOP: 200px; HEIGHT: 500px" src = http://img303.photo.163.com/xianxia518/29843461/969847010.jpg dur = "3" fill = "transition" timeContainer = "par"> <*t:TRANSITIONFILTER from = "0" to = "1" type = "snakeWipe" dur = "2">
(7)<*type="snakewipe" 是蛇形效果>
<*/t:TRANSITIONFILTER><*/t:MEDIA>
-----------------------------------------------------------------------
<*t:MEDIA style="FILTER: alpha; LEFT: 20px; WIDTH: 550px; POSITION: absolute; TOP: 200px; HEIGHT: 500px" src = http://img303.photo.163.com/xianxia518/29843461/969847096.jpg dur = "3" fill = "transition" timeContainer = "par"> <*t:TRANSITIONFILTER from = "0" to = "1" type = "ellipseWipe" dur = "2">
(8)<*type="ellipsewipe" 是正中小圆向外扩散的效果>
<*/t:TRANSITIONFILTER><*/t:MEDIA>
-----------------------------------------------------------------------
<*t:MEDIA style="FILTER: alpha; LEFT: 20px; WIDTH: 550px; POSITION: absolute; TOP: 200px; HEIGHT: 500px" src = http://img303.photo.163.com/xianxia518/29843461/969847165.jpg dur = "3" fill = "transition" timeContainer = "par"> <*t:TRANSITIONFILTER from = "0" to = "1" type = "spiralWipe" dur = "2">
(9)<*type="spiralwipe" 是螺旋显示效果>
<*/t:TRANSITIONFILTER><*/t:MEDIA>
----------------------------------------------------------------------
<*t:MEDIA style="FILTER: alpha; LEFT: 20px; WIDTH: 550px; POSITION: absolute; TOP: 200px; HEIGHT: 500px" src = http://img303.photo.163.com/xianxia518/29843461/969846908.jpg dur = "3" fill = "transition" timeContainer = "par"> <*t:TRANSITIONFILTER from = "0" to = "1" type = "pushWipe" dur = "2">
(10)<*type="pushWipe" 是把画面拖入的效果>
<*/t:TRANSITIONFILTER><*/t:MEDIA>
真实效果见下图:
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
动画效果代码
HTML+TIME 动态滤镜资料
图片自动翻页代码 2
《实用技巧》——让你的网站变成响应式的3个简单步骤
真正好用的网页打印和分页方法:CSS+DIV或元素ID
第二十二节,Bootstrap项目实战-首页
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服