分享

教你不用PS也能做音画

 沙漠沧狼 2012-01-02

朋友,当你看到一个作品时,一定以为是PS做出来的效果吧!呵呵,没想到代码也能做出来。晨曦无意中在网上发现这个代码,就拿来试验了几次,没想到神奇的代码帮我们圆了单图音画的梦。今天晨曦把它编辑出来供朋友一起来学习,希望你们发挥出更多的想象,装扮你精彩的空间!
下面是作品《1》制做的代码源:
<P><IMG  style="BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 870px; HEIGHT: 720px" height=720 src="http://b55.photo.store.qq.com/http_imgload.cgi?/rurl4_b=97ef9606ca1026c37e9569c771b572fa91121850cc0cefc398e0fd237979113b18a71ac20721f99454f3f58afe560cb53674c5800a9c978ecebaa04f72bb1555188992f4173fe0b0e9e9e7079872106d1ca8847b&a=54&b=55" width=870 eventslistuid="e3" quotetimer="205927846"></P>    <IMG title="" style="Z-INDEX: 2; BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: alpha(opacity=100,finishopacity=0,style=2); LEFT: 0px; POSITION: absolute; TOP: 290px" height=450 src="http://b49.photo.store.qq.com/http_imgload.cgi?/rurl4_b=cb0a872054039338c84f6535629d304153819ee3a7ebd670faf7842dd6a1bf9d834b7c53359ffeec2c4d2fd0b264d3b20dd9ba6f19a6566eded4a8ee7b35abf168e81f8b688edd423a27e0bbbfa2b172e95c658a&a=47&b=49" width=670 eventslistuid="e4" quotetimer="205927840"> <IMG title="" style="Z-INDEX: 2; BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: alpha(opacity=100,finishopacity=0,style=2); LEFT: 380px; POSITION: absolute; TOP: 0px" height=450 alt="" src="http://b59.photo.store.qq.com/http_imgload.cgi?/rurl4_b=97ef9606ca1026c37e9569c771b572faeb84c948ca203cf17e530acb3d60616d0dd996f7e8bc0bd405d4a37ce0e22b70192e977e9bfd3106c845c2b1cb0c08f7a51499d9c9c1c87b759c71256b116f3d7f497acc&a=48&b=59" width=600 eventslistuid="e4" quotetimer="205927840" gt=gt lt=lt title="" style="Z-INDEX: 4; BACKGROUND: none transparent scroll repeat 0% 0%; LEFT: 270px; POSITION: absolute; TOP: 0px" height=480 src="#" blank=blank href="http://b58.photo.store.qq.com/http_imgload.cgi?/rurl4_b=50ddeacff5434fc4e7d4e2474fc5eff8eddaca9ce702625f6a66e8e2dbe9879ac832beadfacdef2aa71c176f717c2846f8899a2688d9f2813cf923e83a71eb5054e5f3fa54849958fc97609c294cf8370a51269e&a=57&b=58" target=_blank />http://b58.photo.store.qq.com/http_imgload.cgi?/rurl4_b=50ddeacff5434fc4e7d4e2474fc5eff8eddaca9ce702625f6a66e8e2dbe9879ac832beadfacdef2aa71c176f717c2846f8899a2688d9f2813cf923e83a71eb5054e5f3fa54849958fc97609c294cf8370a51269e&a=57&b=58" width=600 eventslistuid="e6">

代码:

<P><IMG  style="BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 870px; HEIGHT: 720px" height=720 src="背景图片地址" width=870 eventslistuid="e3" quotetimer="205927846"></P>

<IMG title="" style="Z-INDEX: 2; FILTER: alpha(opacity=100,finishopacity=0,style=2); LEFT: 424px; POSITION: absolute; TOP: 23px" height=280 alt="" src="图片地址1" width=210>

<IMG title="" style="Z-INDEX: 3; FILTER: alpha(opacity=100,finishopacity=0,style=2); LEFT: 180px; POSITION: absolute; TOP: 16px" height=224 alt="" src="图片地址2" width=176>

<IMG title="" style="Z-INDEX: 4; LEFT: 300px; POSITION: absolute; TOP: 150px" height=40 alt="" src="图片地址3" width=40>

注:定位代码:LEFT: 20px(横向:以左边缘为依据,数字越大越往右行 TOP: 10px(竖向:以上边缘为依据,数字越大越往下行)。
羽化代码: FILTER: alpha(opacity=100,finishopacity=0,style=2);
图片大小 width=997宽度  height=280高度     红色字体可以更改的,请你们制做的时候看清楚

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

    0条评论

    发表

    请遵守用户 评论公约