特效代码习作：军中姐妹

周春祥 · 发表于 2013-7-27 15:02

大漠思宇发表于 2013-7-27 00:11
周大哥辛苦了！做的真好！

谢谢大漠老师惠帖赏评！

周春祥 · 发表于 2013-7-27 15:07

游游发表于 2013-7-27 00:53
谢谢老哥精美制作，非常给力！

谢谢您惠帖赏评！

周春祥 · 发表于 2013-7-27 15:08

移不动联不通发表于 2013-7-27 04:21
制作精美，您的手艺越来越好了。

谢谢老哥惠帖赏评！

周春祥 · 发表于 2013-7-27 15:09

走四方发表于 2013-7-27 04:30
欣赏老兄佳作，真精彩。

谢谢老兄惠帖赏评！

问候下午好！

玉香 · 发表于 2013-7-27 15:16

好制作！欣赏！

周春祥 · 发表于 2013-7-27 15:22

本帖最后由周春祥于 2013-7-27 15:25 编辑

海儿心发表于 2013-7-27 04:44
做得太好了，唱和字基本上对齐，你越做越好。

想动手试作，代码如下(同步歌词这一部分我已去除，你只要加个隐形播放器即可)：

暗红颜色是底图地址，图片尺寸宽1024、高650。红颜色是圆形图片地址，图片尺寸宽600、高800x八张。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML xmlns:v = "urn:schemas-microsoft-com:vml"><HEAD><TITLE>《女兵》</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312"></HEAD>
<META content="Microsoft FrontPage 6.0" name=GENERATOR></HEAD>
<BODY id=table1 scroll=no  onload=strt()  leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"><table id="__01" width="1024" height="650" border="0" cellpadding="0" cellspacing="0">
      <tr>
            <td>
                     <img src="http://p.yuweining.cn/di-TSO4.jpg" width="1024" height="650" alt=""></td>
      </tr>
      <tr>
            <td>

</table>

<STYLE>BODY {
      FONT-WEIGHT: bold; FONT-SIZE: 114pt; COLOR: #fcb7d7; FONT-FAMILY: "Garamond"; BACKGROUND-COLOR: #fc4b8d
}
</STYLE>

<STYLE type=text/css>v\:* {
      BEHAVIOR: url(#default#VML)
}
</STYLE>

<META content="MSHTML 6.00.2900.2668" name=GENERATOR>
<SCRIPT language=javascript>
// añade aqui el mensaje que aparece cuando pulse el raton derecho.
//
var msg = "";
// no toques esta funcion
function RClick(boton){
if (document.layers && boton.which == 3) {
alert(msg); return false;  }
  if (document.all && event.button == 2 || event.button == 3) {
alert(msg); return false; }
}
document.onmousedown = RClick
</SCRIPT>
<SCRIPT language=JavaScript1.2>
if (document.all)
document.body.style.cssText="border:8 ridge #fc4b8d"
</SCRIPT>
<IMG id=pic1
style="LEFT: -1800px; POSITION: absolute; TOP: -1800px"
src="http://upload.ouliu.net/i/20130726095839usaej.jpeg"><IMG id=pic2
style="LEFT: -1800px; POSITION: absolute; TOP: -1800px"
src="http://upload.ouliu.net/i/201307261053154u3yh.jpeg"><IMG id=pic3
style="LEFT: -1800px; POSITION: absolute; TOP: -1800px"
src="http://upload.ouliu.net/i/20130726105125den90.jpeg"><IMG id=pic4
style="LEFT: -1800px; POSITION: absolute; TOP: -1800px"
src="http://upload.ouliu.net/i/201307261004384wxly.jpeg"><IMG id=pic5
style="LEFT: -1800px; POSITION: absolute; TOP: -1800px"
src="http://upload.ouliu.net/i/20130726100759zwf2j.jpeg"><IMG id=pic6
style="LEFT: -1800px; POSITION: absolute; TOP: -1800px"
src="http://upload.ouliu.net/i/201307261002020lcde.jpeg"><IMG id=pic7
style="LEFT: -1800px; POSITION: absolute; TOP: -1800px"
src="http://upload.ouliu.net/i/20130726100322jd4cx.jpeg"><IMG id=pic8
style="LEFT: -1800px; POSITION: absolute; TOP: -1800px"
src="http://upload.ouliu.net/i/201307261009063ugtw.jpeg"> <IMG id=bkg
style="LEFT: -1800px; POSITION: absolute; TOP: -1800px"
src="http://upload.ouliu.net/i/201307261053154u3yh.jpeg">
<SCRIPT language=JavaScript>
var w, ow, oh, x, y, dx, dy, ds, count
w=document.body
// *** Enter the number of images here ***
numPics=12
// *** All images are the same size - Enter height and width here ***
pH=100
pW=200
// *** Enter the type of frame to use ***
// *** 1 = Heart ***
// *** 2 = Oval ***
// *** 3 = Rectangle ***
// *** 4 = RoundedRectangle ***
shapeType=2
// It all starts here
function strt() {

      if (shapeType==1) {
            data="<v:shapetype id='heart' coordsize='21600,21600' path='m10860,2187c10451,1746,9529,1018,9015,730,7865,152,6685,0,5415,0,4175,152,2995,575,1967,1305,1150,2187,575,3222,242,4220,0,5410,242,6560,575,7597l10860,21600,20995,7597c21480,6560,21600,5410,21480,4220,21115,3222,20420,2187,19632,1305,18575,575,17425,152,16275,0,15005,0,13735,152,12705,730,12176,1018xe'></v:shapetype>"
            data=data+"<v:shape id='pf' type='#heart' style='position:absolute; top:"+y+"; left:"+x+"; width: 90; height: 90; z-index: 20' strokecolor='#FFECEF' strokeweight='1pt' fillcolor=''>"
            data=data+"<v:stroke filltype='tile' src='"+bkg.src+"'/>"
            data=data+"<v:fill id=frm type='frame' src='"+pic1.src+"'></v:fill></v:shape>"
      }else{
            if (shapeType==2) {st="oval"}
            if (shapeType==3) {st="rect"}
            if (shapeType==4) {st="roundrect"}
            data="<v:"+st+" id='pf' style='position:absolute; top:-300; left:-300; width: 90; height: 90; z-index: 20' strokecolor='#FFECEF' strokeweight='3pt' fillcolor=''>"
            data=data+"<v:stroke filltype='tile' src='"+bkg.src+"'/>"
            data=data+"<v:fill id=frm type='frame' src='"+pic1.src+"'></v:fill></v:"+st+">"
      }
      w.insertAdjacentHTML("afterBegin", data)

      count=1
      setUp()
}

function setUp() {
      // Initialize stuff
      oh=2
      ow=2
      x=2
      y=2
      dx=4
      dy=2
      ds=2
      // Start the bounce
      doIt()
}

function flipIt() {
      count++
      if (count>numPics) {count=1}
      ss="pic"+count
      frm.src=document.all(ss).src
}

// Bounce routine
function doIt() {
      // Move the oval and check its position
      x=x+dx
      if (dx>0 && x>=w.clientWidth-ow) {
            dx=-dx
      }
      if (oh<w.clientHeight) {
            // Modify the oval dimensions
            oh=oh+ds
            ow=ow+ds
            y=y+dy
            if (dy>0 && y>=w.clientHeight-oh) {dy=-dy}
            if (dy<0 && y<0) {dy=-dy}
      }
      // Position the oval
      pf.style.height=oh
      pf.style.width=ow
      pf.style.top=y
      pf.style.left=x
      if (dx<0 && x<-w.clientWidth) {
            dx=-dx
            flipIt()
            setUp()
      }else{
            // Repeat
            setTimeout("doIt()",8)
      }
}
</SCRIPT>

周春祥 · 发表于 2013-7-27 15:29

杭州西湖发表于 2013-7-27 04:47
下次聚会一定得現场教学，行伐？
做得太好了！

谢谢老姐惠帖赏评！

下次聚会互相学习！

周春祥 · 发表于 2013-7-27 15:30

侠克发表于 2013-7-27 05:29
欣赏老朋友的精美音画，棒！棒！棒！

谢谢老朋友惠帖赏评！

周春祥 · 发表于 2013-7-27 15:31

周永根发表于 2013-7-27 06:27
赞颂您的佳作。女兵个个好样的！敬礼！

谢谢本家老哥惠帖赏评！

周春祥 · 发表于 2013-7-27 15:32

夏雨发表于 2013-7-27 06:45
又见老哥精美制作，谢谢！这次看到了。

谢谢老友惠帖赏评！问候下午好！

帐号		自动登录	找回密码
密码			注册会员

特效代码习作：军中姐妹

点评