特效代码习作：军中姐妹

周春祥 · 发表于 2013-7-27 14:06

红红的太阳发表于 2013-7-27 13:24
阿弟：我家这二天也蛮热蛮额，孙女和外孙女都在，星期二孙女回青浦，伊是学校大队部额，事体多。小囡大了 ...

阿姐又要忙了

华华 · 发表于 2013-7-27 14:07

周春祥发表于 2013-7-27 14:05
谢谢大姐惠帖赏评！

我打开看了，这个制作我不会做！

红红的太阳 · 发表于 2013-7-27 14:10

周春祥发表于 2013-7-27 14:06
阿姐又要忙了

兄弟呀！忙勒开心！伊拉一走又恢复冷清！我也习惯了！

周春祥 · 发表于 2013-7-27 14:16

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

华华华发表于 2013-7-27 14:07
我打开看了，这个制作我不会做！

同步歌词这一部份不要，即只制作前部份。
暗红颜色是底图地址。红颜色是圆形图片地址。
<!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 14:25

周春祥发表于 2013-7-27 14:16
同步歌词这一部份不要，即只制作前部份。

《女兵》

http://upload.ouliu.net/i/20130726095839usaej.jpeg老师这个图片我是不会的！

周春祥 · 发表于 2013-7-27 14:46

华华华发表于 2013-7-27 14:25
http://upload.ouliu.net/i/20130726095839usaej.jpeg老师这个图片我是不会的！

图片到百度里去找，要大图片，然后到美图秀秀编辑图片尺寸。宽600、高800。要八张。还有一张底图，尺寸是宽1024、高650。

周春祥 · 发表于 2013-7-27 14:54

华华华发表于 2013-7-27 14:07
我打开看了，这个制作我不会做！

再回看一下39#

周春祥 · 发表于 2013-7-27 14:56

刘树义发表于 2013-7-26 23:21
非常欣赏老同学的精美佳作！

谢谢老同学惠帖赏评！

周春祥 · 发表于 2013-7-27 14:59

人比黄花胖发表于 2013-7-26 23:39
第一次瞧见这么有新意的特效代码帖。周老师，您越做越赞了哦，弓虽啊

还是叫我周大哥吧，叫老师我听了怪怪的，不习惯！

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

心旷神怡发表于 2013-7-26 23:58
美美美美！

谢谢大姐惠帖赏评！

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