• <ruby id="5koa6"></ruby>
    <ruby id="5koa6"><option id="5koa6"><thead id="5koa6"></thead></option></ruby>

    <progress id="5koa6"></progress>

  • <strong id="5koa6"></strong>
    • 軟件測試技術
    • 軟件測試博客
    • 軟件測試視頻
    • 開源軟件測試技術
    • 軟件測試論壇
    • 軟件測試沙龍
    • 軟件測試資料下載
    • 軟件測試雜志
    • 軟件測試人才招聘
      暫時沒有公告

    字號: | 推薦給好友 上一篇 | 下一篇

    javascript技術實現真正的網上試聽

    發布: 2007-6-30 18:56 | 作者: admin | 來源: | 查看: 12次 | 進入軟件測試論壇討論

    領測軟件測試網 該腳本的特點:應用Javascript的層技術,和一些function()使播放音樂的同時實現歌詞的相應滾動。
            使用realplay的rm格式音樂使下載的同時進行播放。
            (該特殊效果對IE4以上都有效。)

    演示:
    <html>
    <head>
    <SCRIPT Language="Javascript1.2">
    <!--
    var locate = 0;
    var scro = 0;
    var go=80;//控制滾動的速度,越小越快。
    //以下函數實現滾動
    function scroller() {
    if ( scro==1 ){
    locate++;
    scroll(20,locate);
    clearTimeout(timer);
    var timer = setTimeout("scroller()",go);
    timer;
       }
    else{
            
    scroll(20,locate);
    }
    }
    //-->
    </SCRIPT>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>Welcome to YI@#s Home</title>
    </head>
    <body bgcolor="#EEEEEE" >
    <SCRIPT Language="Javascript1.2">
    <!--
    var offsettop=20//定義層的相應位置

    //定義隨網頁自動滾動的層函數
    function makeStatic() {
    object1.style.pixelTop=document.body.scrollTop+offsettop;object2.style.pixelTop=document.body.scrollTop+offsettop;
    setTimeout("makeStatic()",100);//@#100@#控制滾動的速度,越小越快。
    }
    //切換‘滾動‘和‘暫停@#圖像的函數
    function scrorstp() {
    if (scro==1)
    {scro=0;
    object2.style.visibility="visible";
    object1.style.visibility="visible";
    }
    else {
    scro=1;
    object1.style.visibility="hidden";
    scroller();}
    }
    //定義播放的歌曲地址
    document.write(@#<div id="object2" style="position:absolute; left:20px; top:35px; width:46px; height:16px;cursor:hand; z-index:1 "><img src="zanting.gif" width="45" height="16" onclick=scrorstp()><font size="2"><embed height="20" src="Afainst All Odds Mariah Carey.rm" type="audio/x-pn-realaudio-plugin" width="45" controls="PlayButton" autostart="false"></font></div>@#)
    //定義‘滾動‘和‘暫停@#的切換圖像,onclick激發切換。
    document.write(@#<div id="object1" style="position:absolute; left:20px; top:35px; width:46px; height:16px; cursor:hand; z-index:1 "><img src="gundong.gif" width="45" height="16" onclick=scrorstp()></div>@#)
    //啟動Javascript
    function menu3(){
    if (document.all||document.layers)
    makeStatic()
    }
    window.onload=menu3
    //</SCRIPT>以下是歌詞部分
    //-->
    </SCRIPT>
    <ul>
    <li>
      <div align="center">
       <center>
       <p><span class="font" ><b>Mariah Carey--Against All Odds<font face="Times New Roman" size="4">

    </b></span></p>
       </div>
      </center>
      <blockquote>
    <p style="line-height: 150%" align="justify" class="font"><span class="font">
    How can I just let you walk away <br>
    Just let you leave without a trace <br>
    When I stand here taking <br>
    Every breath with you <br>
    You@#re the only one <br>
    Who really knew me at all <br>
    How can you just walk away from me <br>
    When all I can do is watch you leave <br>
    @#Cause we@#ve shared the laughter and the pain <br>
    And even shared the tears <br>
    You@#re the only one <br>
    Who really knew me at all <br><br>
    So take a look at me now <br>
    Oh there@#s just an empty space <br>
    And there@#s nothing left here to remind me <br>
    Just the memory of your face <br>
    Take a look at me now <br>
    @#Cause there@#s just an empty space <br>
    And you coming back to me is against all odds <br>
    And that@#s what I@#ve got to face <br><br>
    I wish I could just make you turn around <br>
    Turn around and see me cry <br>
    There@#s so much I need to say to you <br>
    So many reasons why <br>
    You@#re the only one <br>
    Who really knew me at all <br><br>
    So take a look at me now <br>
    @#Cause there@#s just an empty space <br>
    And there@#s nothing left here to remind me <br>
    Just the memory of your face <br>
    Take a look at me now <br>
    @#Cause there@#s just an empty space <br>
    But to wait for you is <br>
    All I can do <br>
    And that@#s what I@#ve got to face <br>
    Take a good look at me now <br>
    @#Cause l@#ll still be standing here <br>
    And you coming back to me is against all odds <br>
    That@#s the chance I@#ve qot to take <br><br>
    Take a look at me now </p>
    </span></p>
      </blockquote>
      <p></p>
    </li>
    </ul>
    </body>

    </html>   

    文章來源于領測軟件測試網 http://www.kjueaiud.com/


    關于領測軟件測試網 | 領測軟件測試網合作伙伴 | 廣告服務 | 投稿指南 | 聯系我們 | 網站地圖 | 友情鏈接
    版權所有(C) 2003-2010 TestAge(領測軟件測試網)|領測國際科技(北京)有限公司|軟件測試工程師培訓網 All Rights Reserved
    北京市海淀區中關村南大街9號北京理工科技大廈1402室 京ICP備10010545號-5
    技術支持和業務聯系:info@testage.com.cn 電話:010-51297073

    軟件測試 | 領測國際ISTQBISTQB官網TMMiTMMi認證國際軟件測試工程師認證領測軟件測試網

    老湿亚洲永久精品ww47香蕉图片_日韩欧美中文字幕北美法律_国产AV永久无码天堂影院_久久婷婷综合色丁香五月

  • <ruby id="5koa6"></ruby>
    <ruby id="5koa6"><option id="5koa6"><thead id="5koa6"></thead></option></ruby>

    <progress id="5koa6"></progress>

  • <strong id="5koa6"></strong>