用代码做特效-(DV取景效果) - 「茗畅园」音画教堂 - 花瓣雨音乐论坛花谢花飞瓣落如雨轻红软绿中音乐是爱人的手引着我们的心回家 - www.hebeimusic.com forum|music|Euro-american|New music|Electronic|Downloads|Absolute Music|Blues|Rock|Asian Music|Classical|Literatures

天下无贼

Beginner

UID 43636
精华 1
积分 58
帖子 15
威望 58 点
现金 188 花币
阅读权限 20
注册 2006-8-24
状态离线

大中小

使用道具

发表于 2006-9-6 22:34 资料个人空间短消息加为好友

用代码做特效-(DV取景效果)

效果

代码如下

<*DIV style="position:relative; top:0px; left:0px; width:223px; height:160px;overflow: hidden">
<*div style="position: absolute; top: -130px; left: -50px">
<*marquee behavior=alternate scrollamount=1 direction=down height=499><*marquee behavior=alternate scrollamount=1 width=100%>
<*img src=http://gaoss33.aa.topzj.com/attachments/m75//76/94/76945/forumid_11871/t10_XuSPylXvjp2b.gif width=499>
<*/marquee><*/marquee>
<*/div>
<*/DIV>

这是一张 gif 图片:

先让他动起来(中间滷白代码)注意移动尺寸要大于图片尺寸:

蓝色代码是定取景尺寸.

红色代码定图片在取景框里移动位置,以不露美观为准,一定是负数.

top: 离顶距离

left: 离左边距离

如调节不好还有露,可加大图片的尺寸.

加一个透明框上去:

代码:

<*DIV style="position:relative; top:0px; left:0px; width:223px; height:160px;overflow: hidden">
<*div style="position: absolute; top: -130px; left: -50px">
<*marquee behavior=alternate scrollamount=1 direction=down height=499><*marquee behavior=alternate scrollamount=1 width=100%>
<*img src=http://gaoss33.aa.topzj.com/attachments/m75//76/94/76945/forumid_11871/t10_XuSPylXvjp2b.gif width=499>
<*/marquee><*/marquee>
<*/div>
<*div style="position: absolute; top: 0px; left: 0px"><*table width="223" height="160" border="9" cellspacing="0" style="filter: Alpha(Opacity=43,Style=0)"><*tr><*td width=100% align="center"><*/td><*/tr><*/table>
<*/div>
<*/DIV>

加一个透明框上去:

代码如下：

<*DIV style="position:relative; top:0px; left:0px; width:283px; height:210px;overflow: hidden">
<*div style="position: absolute; top: -170px; left: -100px">
<*marquee behavior=alternate scrollamount=1 direction=down height=499><*marquee behavior=alternate scrollamount=1 width=600>
<*img src=http://gaoss33.aa.topzj.com/attachments/m75//76/94/76945/forumid_11871/t2_rcap7puhXzCU.gif width=499>
<*/marquee><*/marquee>
<*/div>
<*div style="position: absolute; top: 0px; left: 0px"><*img src=http://bbs.e-yu.cn/attachments/ext_gif/74_t44mqBTmoVCb.gif width=283 height=210>
<*/div>
<*/DIV>

FLASH做的帖也可放进去代替gif图片:

代码如下：

<*DIV style="position:relative; top:0px; left:0px; width:283px; height:210px;overflow: hidden">
<*div style="position: absolute; top: -150px; left: -130px">
<*marquee behavior=alternate scrollamount=1 direction=down height=499><*marquee behavior=alternate scrollamount=1 width=600>
<*table align=center cellSpacing=0 cellPadding=0 border=0 background="http://www.sucaicd.com/1/JPEG640/006/151_200/SF181_L.jpg" width=480 height=375><*tr><*td align=center><*embed src=http://imgfree.21cn.com/free/flash/68.swf width=480 height=345 type=application/x-shockwave-flash quality="high" menu="false" wmode="transparent"><*/embed><*/td><*/tr><*/table>
<*/marquee><*/marquee>
<*/div>
<*/DIV>

书剑飘香 (Cai cai)

Moderator

头号菜鸟

UID 5268
精华 44
积分 10558
帖子 2925
威望 10558 点
现金 6343 花币
阅读权限 150
注册 2005-5-2
来自 ★水果之乡★
状态离线

大中小

使用道具

发表于 2006-9-7 01:27 资料个人空间短消息加为好友

这个不错，以前好像有人发过类似的效果。。。

♡于宁静中品味于喧嚣中守候♡

帝王

Beginner

UID 30197
精华 0
积分 44
帖子 44
威望 44 点
现金 144 花币
阅读权限 10
注册 2006-3-15
来自天津
状态离线

大中小

使用道具

发表于 2006-9-7 15:08 资料个人空间短消息加为好友

<*DIV style="position:relative; top:0px; left:0px; width:283px; height:210px;overflow: hidden">
<*div style="position: absolute; top: -150px; left: -130px">
<*marquee behavior=alternate scrollamount=1 direction=down height=499><*marquee behavior=alternate scrollamount=1 width=600>
<*table align=center cellSpacing=0 cellPadding=0 border=0 background="http://www.sucaicd.com/1/JPEG640/006/151_200/SF181_L.jpg" width=480 height=375><*tr><*td align=center><*embed src=http://imgfree.21cn.com/free/flash/68.swf width=480 height=345 type=application/x-shockwave-flash quality="high" menu="false" wmode="transparent"><*/embed><*/td><*/tr><*/table>
<*/marquee><*/marquee>
<*/div>
<*/DIV>

帝王

Beginner

UID 30197
精华 0
积分 44
帖子 44
威望 44 点
现金 144 花币
阅读权限 10
注册 2006-3-15
来自天津
状态离线

大中小

使用道具

发表于 2006-9-7 15:11 资料个人空间短消息加为好友

<*DIV style="position:relative; top:0px; left:0px; width:223px; height:160px;overflow: hidden">
<*div style="position: absolute; top: -130px; left: -50px">
<*marquee behavior=alternate scrollamount=1 direction=down height=499><*marquee behavior=alternate scrollamount=1 width=100%>
<*img src=http://img94.pp.sohu.com/images/2006/9/5/18/2/10e106ab1f8.jpgf width=499>
<*/marquee><*/marquee>
<*/div>
<*/DIV>

帝王

Beginner

UID 30197
精华 0
积分 44
帖子 44
威望 44 点
现金 144 花币
阅读权限 10
注册 2006-3-15
来自天津
状态离线

大中小

使用道具

发表于 2006-9-7 15:12 资料个人空间短消息加为好友

不好意思还是不会发抱歉！！

薇雨纷飞

Beginner

UID 46385
精华 0
积分 5
帖子 5
威望 5 点
现金 105 花币
阅读权限 10
注册 2006-9-24
状态离线

大中小

使用道具

发表于 2006-9-24 14:29 资料个人空间短消息加为好友

谢谢楼主,好东东.

kmbb

Poster

UID 12909
精华 0
积分 99
帖子 83
威望 99 点
现金 19 花币
阅读权限 20
注册 2005-9-15
来自云南昆明
状态离线

大中小

使用道具

发表于 2006-10-5 02:31 资料个人空间短消息加为好友

<*DIV style="position:relative; top:0px; left:0px; width:283px; height:210px;overflow: hidden">
<*div style="position: absolute; top: -170px; left: -100px">
<*marquee behavior=alternate scrollamount=1 direction=down height=499><*marquee behavior=alternate scrollamount=1 width=600>
<*img src=http://gaoss33.aa.topzj.com/attachments/m75//76/94/76945/forumid_11871/t2_rcap7puhXzCU.gif width=499>
<*/marquee><*/marquee>
<*/div>
<*div style="position: absolute; top: 0px; left: 0px"><*img src=http://bbs.e-yu.cn/attachments/ext_gif/74_t44mqBTmoVCb.gif width=283 height=210>
<*/div>
<*/DIV>

无知也罢

Moderator