• 首页
  • 移动开发
  • Web前端
  • 企业架构
  • 编程语言
  • 互联网
  • 开源软件
  • 操作系统
  • 数据库
  • 研发管理
  • 行业应用
  • 非技术
首页编程语言

灌水：这种翻书的效果怎么实现.有源代码吗?

2012-01-13 15:50:01 作者：sandy 来源： 浏览次数：0

http://mag.qq.com/index.shtml

QQ杂志

随便点一个进去看看.象真的翻书一样的效果.|||顶上去啊.|||TMD你给我下来，什么破玩艺儿，你所说的效果我找了半天也没有看到。

一般像你所说的效果都是JAVA小程序。|||代码加了动态保护，挺复杂的，正在研究|||传了不了RAR，没发给你了，改GIF也不可以，看来是验证2阱制数据了|||大家可以试试打开http://mag.qq.com/mag/mag885_intro.shtml点“【杂志名称】：都市丽人看看”，代码值得研究啊~！

============以下是该页的源代码======================



<html>

<head>

<title> 都市丽人.2004.11月增刊 </title>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<meta http-equiv="imagetoolbar" content="no">

<style type="text/css">

td { font-size:9pt;text-decoration:none;font-face:arial}

</style>

<script language="Jscript" src="http://mag.qq.com/js/cart.js"></script>

<script language="JavaScript">

<!--

var gbAllLoaded = false;

var gsCorporation = "dushiliren";

var gsStartTime = "2004-12-12 11:07:23";

var gsUserID = "";

var gsClickType = "site";



var giSBP = "";

var giSEP = "26";



var gsPort = "80" ;

var gsSrv_Main = "truemag.qq.com";

var gsSrv_Cache = "truemag.qq.com";

var gsSrv_Image = "testtest"; // <-- check Statistc and delete

var gaSrv_Image = new Array ("truemag.qq.com");



var gsSrv_Traffic = "truemag.qq.com";

var gsSrv_Exception = "truemag.qq.com";



var gsDecoSkinDir = "skin/deco/sample/default";

var gsBookDir = "ebook/magazine/dushiliren/dushiliren/都市丽人_511577_20041115";

var giDouble = 1;

var gsRequestStatistic= new Array("bookclick","clicksum","linkclick");



var ga_Contents = new Array();

var giLeafDirect = 1;

var gsBookTitle = "都市丽人.2004.11月增刊";

-->

</script>

<script language="Jscript" src="/ebook/magazine/dushiliren/dushiliren/都市丽人_511577_20041115/都市丽人_511577_20041115.js"></script>

<script language="Jscript" src="/engine/java/Deco/Deco_Initial.js"></script>

<script language="Jscript" src="/engine/java/Deco/Class_Decoder.js"></script>

<script language="Jscript" src="/engine/java/Deco/Class_Controller.js"></script>

<script language="Jscript" src="/engine/java/Deco/Deco_MinMax.js"></script>

<script language="Jscript" src="/engine/java/Deco/Deco_TabBookMark.js"></script>

<script language="Jscript" src="/engine/java/Deco/Deco_PageStatus.js"></script>

<script language="Jscript" src="/engine/java/Deco/Deco_MiniMap.js"></script>

<script language="Jscript" src="/engine/java/Deco/Deco_Statistics.js"></script>

<script language="Jscript" src="/engine/java/Deco/Deco_Printer.js"></script>

<script language="Jscript" src="/engine/java/Deco/Deco_RCMail.js"></script>

<script language="Jscript" src="/engine/java/Deco/Deco_Category.js"></script>

<script language="Jscript" src="/ebook/magazine/dushiliren/dushiliren/都市丽人_511577_20041115/Data_Category.js"></script>

<script language="Jscript" src="/engine/java/Deco/Res_Deco_zh-cn.js"></script>

<script language="JScript">

<!--

oController2= new Controller2() ;

-->

</script>

</head>



<body id="oBookBody" leftmargin="0" topmargin="0" OnLoad="Initial();InitialViewer(); "OnunLoad="oController2.cOnRefresh();" scroll="no">

<table id="oTable" width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">

<tr height="46">

<td colspan="3"><table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="79" height="46" align="center" background="http://truemag.qq.com:80/skin/deco/sample/default/skinbg1.gif"><a href="http://www.qq.com" target="_blank"><img src=/uploadfile/2012/0113/20120113035002639.gif" width="79" height="38" border="0"></a></td>

<td width="61" height="46" align="center" background="http://truemag.qq.com:80/skin/deco/sample/default/skinbg1.gif"><img src=/uploadfile/2012/0113/20120113035002165.gif" width="61" height="38" border="0"></td>

<td width="41"><img src=/uploadfile/2012/0113/20120113035002180.gif" width="41" height="46"></td>

<td><table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td align="right" background="http://truemag.qq.com:80/skin/deco/sample/default/skinbg2.gif"><img src=/uploadfile/2012/0113/20120113035002612.gif" width="12" height="11"></td>

</tr>

<tr>

<td height="35" background="http://truemag.qq.com:80/skin/deco/sample/default/skinbg3.gif">

<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td><img src=/uploadfile/2012/0113/20120113035002756.gif" OnClick="window.open('http://mag.qq.com/', '腾讯QQ网络杂志', '')" OnMouseOver="this.src='http://truemag.qq.com:80/skin/deco/sample/default/skinindex2.gif'" OnMouseOut="this.src='http://truemag.qq.com:80/skin/deco/sample/default/skinindex1.gif'" width="63" height="18" border="0" style="cursor:hand"></td>

<td><input name="Input" id="oGotoInputPageNo" style="font-size:9pt;width:35;BACKGROUND-COLOR: #67E0E9" OnKeyPress="oController2.cOnGotoPage(oGotoInputPageNo.value)" >

/<span id="oTotalPageNo" style="font-size:9pt">100</span></td>

<td><img src=/uploadfile/2012/0113/20120113035033857.gif" OnClick="oController2.cOnGotoPage(oGotoInputPageNo.value)" OnMouseOver="this.src='http://truemag.qq.com:80/skin/deco/sample/default/skinbottomgo2.gif'" OnMouseOut="this.src='http://truemag.qq.com:80/skin/deco/sample/default/skinbottomgo1.gif'" width="25" height="18" border="0" style="cursor:hand"></td>

<td> <table width="151" border="0" cellpadding="0" cellspacing="0" background="http://truemag.qq.com:80/skin/deco/sample/default/skinbg4.gif">

<tr>

<td width="18" height="23"><img src=/uploadfile/2012/0113/20120113035103160.gif" width="3" height="23"></td>

<td width="32"><img src=/uploadfile/2012/0113/20120113035103447.gif" OnClick="oController2.cOnFirstPage()" OnMouseOver="this.src='http://truemag.qq.com:80/skin/deco/sample/default/skinfirst2.gif'" OnMouseOut="this.src='http://truemag.qq.com:80/skin/deco/sample/default/skinfirst1.gif'" width="25" height="16"border="0" style="cursor:hand"></td>

<td width="32"><img src=/uploadfile/2012/0113/20120113035133289.gif" OnClick="oController2.cOnRightPage()" OnMouseOver="this.src='http://truemag.qq.com:80/skin/deco/sample/default/skinback2.gif'" OnMouseOut="this.src='http://truemag.qq.com:80/skin/deco/sample/default/skinback1.gif'" width="25" height="16" border="0" style="cursor:hand"></td>

<td width="32"><img src=/uploadfile/2012/0113/20120113035203613.gif" OnClick="oController2.cOnLeftPage()" OnMouseOver="this.src='http://truemag.qq.com:80/skin/deco/sample/default/skinnext2.gif'" OnMouseOut="this.src='http://truemag.qq.com:80/skin/deco/sample/default/skinnext1.gif'" width="25" height="16" border="0" style="cursor:hand"></td>

<td width="34"><img src=/uploadfile/2012/0113/20120113035233925.gif" OnClick="oController2.cOnLastPage()" OnMouseOver="this.src='http://truemag.qq.com:80/skin/deco/sample/default/skinlast2.gif'" OnMouseOut="this.src='http://truemag.qq.com:80/skin/deco/sample/default/skinlast1.gif'" width="25" height="16" border="0" style="cursor:hand"></td>

<td width="3"><img src=/uploadfile/2012/0113/20120113035303292.gif" width="3" height="23"></td>

</tr>

</table></td>

<td><a href="http://mag.qq.com/help07.shtml#a-2" target="_blank">杂志无法放大？</a></td>

<td><img src=/uploadfile/2012/0113/20120113035303905.gif" OnClick="javascript:selMon()" OnMouseOver="this.src='http://truemag.qq.com:80/skin/deco/sample/default/magmonth1.gif'" OnMouseOut="this.src='http://truemag.qq.com:80/skin/deco/sample/default/magmonth.gif'" width="63" height="18" border="0" style="cursor:hand"></td>



<td><img src=/uploadfile/2012/0113/20120113035333536.gif" OnClick="window.open('http://mag.qq.com/help01.shtml', '杂志帮助', '')" OnMouseOver="this.src='http://truemag.qq.com:80/skin/deco/sample/default/skinhelp2.gif'" OnMouseOut="this.src='http://truemag.qq.com:80/skin/deco/sample/default/skinhelp1.gif'" width="38" height="18" border="0" style="cursor:hand"></td>



</tr>

</table></td>

</tr>

</table></td>

<td width="32"><img src=/uploadfile/2012/0113/20120113035403474.gif" width="32" height="46"></td>

<td width="82" align="center" background="http://truemag.qq.com:80/skin/deco/sample/default/skinbg5.gif"><table width="69" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="25"><img src=/uploadfile/2012/0113/20120113035403372.gif" OnClick="oController2.cOnMinimize()" OnMouseOver="this.src='http://truemag.qq.com:80/skin/deco/sample/default/skinmin2.gif'" OnMouseOut="this.src='http://truemag.qq.com:80/skin/deco/sample/default/skinmin1.gif'" width="19" height="21" border="0" style="cursor:hand"></td>

<td width="25"><img src=/uploadfile/2012/0113/20120113035433885.gif" OnClick="oController2.cOnMaximize()" OnMouseOver="this.src='http://truemag.qq.com:80/skin/deco/sample/default/skinfull2.gif'" OnMouseOut="this.src='http://truemag.qq.com:80/skin/deco/sample/default/skinfull1.gif'" width="19" height="21" border="0" style="cursor:hand"></td>

<td><img src=/uploadfile/2012/0113/20120113035503185.gif" OnClick="oController2.cOnClose()" OnMouseOver="this.src='http://truemag.qq.com:80/skin/deco/sample/default/skinclose2.gif'" OnMouseOut="this.src='http://truemag.qq.com:80/skin/deco/sample/default/skinclose1.gif'" width="19" height="21" border="0" style="cursor:hand"></td>

</tr>

</table></td>

<td width="16"><img src=/uploadfile/2012/0113/20120113035533605.gif" width="16" height="46"></td>

</tr>

</table></td>

</tr>

<tr height="22">

<td width="5" background="http://truemag.qq.com:80/skin/deco/sample/default/skinbg6.gif"> </td>

<td width="160" background="http://truemag.qq.com:80/skin/deco/sample/default/skinbg6.gif">都市丽人.2004.11月增刊</td>

<td id="dCategory" align="center" valign="top" background="http://truemag.qq.com:80/skin/deco/sample/default/skinbg6.gif"></td>

</tr>

<tr>

<td id="oFrameTD" align="center" bgcolor="5C5C5C" colspan="3">

<div id="oBookDiv" leftmargin="0" topmargin="0" style="position:relative; font-size:1pt;overflow:false;z-index:100; top:0;left:0;width:100%;height:100%;" onload="onloadBook()" onbeforeunload="onbeforeunloadBook()" ></div>

</td>

</tr>

</table>

</body>

<script language="Jscript" src="http://mag.qq.com/js/cart.js"></script>

<script language="Jscript">

// var gsSrv_Cache = top.gsSrv_Cache ;

// var gsPort = top.gsPort ;

var gsSrv_Exception = "truemag.qq.com";

var gsSkinDir = "http://"+ gsSrv_Cache + ":" +gsPort + "/skin/core/default/";

var giCurrPageNo = -1;

var giUF_PageNo = -1;

var giUL_PageNo = 26;

var gsPurchaseID = "885;dushiliren;site;";



var Border_01= new Image(); Border_01.src = gsSkinDir + "BorderTopLeftMouseOut.gif" ;

var Border_02= new Image(); Border_02.src = gsSkinDir + "BorderLeftBgMouseOut.gif" ;

var Border_03= new Image(); Border_03.src = gsSkinDir + "BorderTopRightMouseOut.gif" ;

var Border_04= new Image(); Border_04.src = gsSkinDir + "BorderTopBgMouseOut.gif" ;

var Border_05= new Image(); Border_05.src = gsSkinDir + "BorderBottomLeftMouseOut.gif" ;

var Border_06= new Image(); Border_06.src = gsSkinDir + "BorderRightBgMouseOut.gif" ;

var Border_07= new Image(); Border_07.src = gsSkinDir + "BorderBottomRightMouseOut.gif" ;

var Border_08= new Image(); Border_08.src = gsSkinDir + "BorderBottomBgMouseOut.gif" ;



</script>



<script language="Jscript" id="js_DebugWnd" src="/engine/java/core/gDebugWnd.js"> </script>

<script language="Jscript" id="js_Global" src="/engine/java/core/gGlobal.js"> </script>

<script language="Jscript" id="js_gVariable" src="/engine/java/core/gVariable.js"> </script>

<script language="Jscript" id="js_Res_Core" src="/engine/java/core/Res_Core_zh-cn.js"> </script>

<script language="Jscript" id="js_Func" src="/engine/java/core/gFunc.js"> </script>

<script language="Jscript" id="js_Wnd_Styles" src="/engine/java/core/Style_Wnd.js"> </script>

<script language="Jscript" id="js_Link_Style" src="/engine/java/core/Style_Link.js"> </script>

<script language="Jscript" id="js_Data_Link" src="/ebook/magazine/dushiliren/dushiliren/都市丽人_511577_20041115/Data_Link.js"> </script>

<script language="Jscript" id="js_BookInfo" src="/ebook/magazine/dushiliren/dushiliren/都市丽人_511577_20041115/都市丽人_511577_20041115.js"> </script>





<script language="Jscript" id="js_Leaf" src="/engine/java/core/Mgr_Leaf.js"> </script>

<script language="Jscript" id="js_Buff" src="/engine/java/core/Mgr_Buff.js"> </script>

<script language="Jscript" id="js_Skin" src="/engine/java/core/Mgr_Skin.js"> </script>

<script language="Jscript" id="js_Level" src="/engine/java/core/Mgr_Level.js"> </script>



<script language="Jscript" id="js_Book" src="/engine/java/core/Mgr_Book.js"> </script>

<script language="Jscript" id="js_Keyboard" src="/engine/java/core/Mgr_Keyboard.js"> </script>

<script language="Jscript" id="js_Mouse" src="/engine/java/core/Mgr_Mouse.js"> </script>

<script language="Jscript" id="js_Link" src="/engine/java/core/Mgr_Link.js"> </script>

<script id="test" language="Jscript">

<!--

function onloadBook() {

@if (@IsDebugWnd) {

if ( String(goDebugWnd) != "undefined") {

// goDebugWnd.close();

}

goDebugWnd = OpenDebugWnd( "", 0 ,0, 500, 700 ) ;

}@end



oBook = new MgrBook() ;



oBook.Initial();

// oBody.onresizeend= oBook.OnResize ;



// @if (@IsKeyPressTrap) { oBody.onkeypress = TrapKeyPress ; }@end

// @if (@IsContextTrap) { oBody.oncontextmenu = TrapContext ; }@end

// @if (@IsDragStartTrap) { oBody.ondragstart = TrapDragStart ; }@end

// @if (@IsSelectStartTRap){ oBody.ondselectstart= TrapSelectStart ; }@end

}



function onbeforeunloadBook() {

}



onloadBook() ;



-->

</script>

<script id="test" language="Jscript">



var MgrLevel = new MgrLevel(oBook.oLevelBaseDiv, oBook.oBasicLevelDiv);

var MgrSkin = new MgrSkin(oBook.oBookBaseDiv, oBook.oBasicLevelDiv, oBook.oLevelBaseDiv,gsSkinDir) ;



// tmp for First Page Link

var LeftPageNo = oBook.iCurrPageNo- (0.5 * top.giLeafDirect );

MgrLink.CreatePageLinkObj(oBook.oCurrLevelDiv ,LeftPageNo , MgrLevel.ItemIndex );

var RightPageNo =oBook.iCurrPageNo+ (0.5 * top.giLeafDirect ) ;

MgrLink.CreatePageLinkObj(oBook.oCurrLevelDiv, RightPageNo , MgrLevel.ItemIndex);





</script>







<script language="javascript">

<!--

function Initial() {



oCategory2 = new Category2(dCategory);

oMinMax2 = new MinMax2( oBookDiv ); // oController2.cOnMaximize();

oMiniMap2 = new MiniMap2( oBook.oBookBaseDiv , 60, 20, true );

oStatistics2 = new Statistics2();

oPrinter2 = new Printer2();

oRCMail2 = new RCMail2(); // oController2.cOnWriteRCMail();

oTabBookMark2 = new TabBookMark2( oBook.oBasicLevelDiv );

oPageStatus2 = new PageStatus2(null,oTotalPageNo,oGotoInputPageNo);

oBook.cobSetBackGround("gray");

}



function Tool_Help(sHelpUrl){

window.open(sHelpUrl,"","width=700 , height=600, left=50, top=50");

}



-->

</script>



</html>

==========================end==================



[ 本帖由 94ok 于 2004-12-12 11:05 最后编辑 ]||||||
崂山道士在 2004-12-11 06:34 PM 发表:



TMD你给我下来，什么破玩艺儿，你所说的效果我找了半天也没有看到。

一般像你所说的效果都是JAVA小程序。




你楼下的都找到了.你没找到.你还TMD骂我.晕菜|||up啊，太COOL了|||楼主提出的翻书效果类同下面这个：





<SCRIPT LANGUAGE="JavaScript">

<!-- // BannerAD



var bannerAD=new Array();

var bannerADlink=new Array();

var adNum=0;



bannerAD[0]="tutu20.gif";

bannerADlink[0]="#";

bannerAD[1]="tutu24.gif";

bannerADlink[1]="#";

bannerAD[2]="tutu30.gif";

bannerADlink[2]="#";

bannerAD[3]="tutu34.gif";

bannerADlink[3]="#";

bannerAD[4]="school.jpg";

bannerADlink[4]="#";

var preloadedimages=new Array();

for (i=1;i<bannerAD.length;i++){

preloadedimages[i]=new Image();

preloadedimages[i].src=bannerAD[i];

}



function setTransition(){

if (document.all){

bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);

bannerADrotator.filters.revealTrans.apply();

}

}



function playTransition(){

if (document.all)

bannerADrotator.filters.revealTrans.play()

}



function nextAd(){

if(adNum<bannerAD.length-1)adNum++ ;

else adNum=0;

setTransition();

document.images.bannerADrotator.src=bannerAD[adNum];

playTransition();

theTimer=setTimeout("nextAd()", 5000);

}



function jump2url(){

jumpUrl=bannerADlink[adNum];

jumpTarget='';

if (jumpUrl != ''){

if (jumpTarget != '')window.open(jumpUrl,jumpTarget);

else location.href=jumpUrl;

}

}

function displayStatusMsg() {

status=bannerADlink[adNum];

document.returnValue = true;

}

//-->

</script>

<BANNERAD><A

onmouseover="displayStatusMsg();return document.returnValue"

href="javascript:jump2url()"><IMG

style="FILTER: revealTrans(duration=1,transition=20)"

src="tutu20.gif" border=0

name=bannerADrotator></A>

<SCRIPT language=JavaScript>nextAd()</SCRIPT>

</BANNERAD>||||||
    <!---扩展，插入均好-->

    陈希：网站建设专家；【域名空间】【网站建设】全国 最低价 010-88231976Q:5914863

    <HTML><HEAD><TITLE>aaa</TITLE>

    <META http-equiv=Content-Type content="text/html; charset=gb2312">

    </HEAD>

    <BODY>

    <table width="100%" border="2" cellspacing="0" cellpadding="0">

    <tr>

    <td width="20%">&nbsp;</td>

    <td width="20%">&nbsp;</td>

    <td width="20%">&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    </tr>

    <tr>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    </tr>

    <tr>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td><A onmouseover="displayStatusMsg();return document.returnValue" onfocus=if(this.blur)this.blur() href="javascript:jump2url()">

    <!---

    onfous 不出焦点

    href window.open的弹出

    -->

    <IMG style="FILTER: revealTrans(duration=1,transition=2)" name=bannerADrotator src=1.gif border=0>

    <!-- duration过渡的时间transtion过渡的效果（无用）-->

    </A> </td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    </tr>

    <tr>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    </tr>

    <tr>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    </tr>

    </table>



    <SCRIPT language=Javascript>

    var bannerAD=new Array();

    var bannerADlink=new Array();

    var bannerADtarget=new Array();

    var adNum=0;

    <!-- 第一个 -->

    bannerAD[1]="http://mag.qq.com/images/big/index2_big1.jpg";

    bannerADlink[1]="1.shtml";

    bannerADtarget[1]="广告";

    <!-- 第二个 -->

    bannerAD[2]="http://mag.qq.com/images/big/index2_big2.jpg";

    bannerADlink[2]="2.shtml";

    bannerADtarget[2]="广告";

    <!-- 第三个 -->

    bannerAD[3]="http://mag.qq.com/images/big/index2_big3.jpg";

    bannerADlink[3]="3.shtml";

    bannerADtarget[3]="广告";



    /*----暂时无用

    var preloadedimages=new Array();

    for (i=1;i<bannerAD.length-1;i++){

    preloadedimages[i]=new Image();

    preloadedimages[i].src=bannerAD[i];

    }

    */



    function setTransition(){

    if (document.all){

    bannerADrotator.filters.revealTrans.Transition=23; //更换不同效果，23为随机

    bannerADrotator.filters.revealTrans.apply();

    }

    }





    function playTransition(){ //滤镜执行函数

    if (document.all)

    bannerADrotator.filters.revealTrans.play()

    }



    function nextAd(){ //主函数

    if(adNum<bannerAD.length-1)adNum++ ;

    else adNum=1;

    setTransition();

    document.images.bannerADrotator.src=bannerAD[adNum];

    playTransition(); //滤镜执行函数

    theTimer=setTimeout("nextAd()", 2000); //图片停留的时间

    }



    function jump2url(){ //执行链接

    jumpUrl=bannerADlink[adNum];

    jumpTarget=bannerADtarget[adNum];



    if (jumpUrl != ''){

    if (jumpTarget != '')window.open(jumpUrl,jumpTarget);

    else window.open(jumpUrl,"","toolbar=yes,location=yes,directories=yes,status=yes,scrollbars=yes,resizable=yes");

    }

    }

    function displayStatusMsg() { //onMouseOver触发事件

    status=bannerADlink[adNum];

    document.returnValue = true;

    }



    nextAd()

    </SCRIPT>

    </BODY></HTML>
复制代码运行代码另存代码

[ 本帖由 flash2000 于 2004-12-13 18:26 最后编辑 ]|||汗，有powerpoint做好保存成网页格式就可以了|||
flash2000在 2004-12-13 06:25 PM 发表:



[code]

<!---扩展，插入均好-->

陈希：网站建设专家；【域名空间】【网站建设】全国 最低价 010-88231976Q:5914863

<HTML><HEAD><TITLE>aaa</TITLE>

<META http-equiv=Co ...




flash2000和xxl的效果差不多，比较常见，也不是楼主所说的效果，试试打开http://mag.qq.com/mag/mag885_intro.shtml中的“【杂志名称】：都市丽人”看看，好好研究研究再说吧！|||
flash2000在 2004-12-13 06:25 PM 发表:



[code]

<!---扩展，插入均好-->

陈希：网站建设专家；【域名空间】【网站建设】全国 最低价 010-88231976Q:5914863

<HTML><HEAD><TITLE>aaa</TITLE>

<META http-equiv=Co ...




不会改.而且效果做不到QQ杂志那样的吧||||||不错不错，收藏起来|||不用这么麻烦吧

用层也可以的了

效果也比这个好|||有人能模拟一个吗？？？？|||简单写了一个，只是展示效果，没有通用性



具体效果可以参看　http://www.imkink.com/temp/page/







    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

    "http://www.w3.org/TR/html4/loose.dtd">

    <html>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">

    <title>无标题文档</title>

    <style type="text/css">

    <!--

    body {

    background-image: url(bg.gif);

    margin-left: 0px;

    margin-top: 0px;

    margin-right: 0px;

    margin-bottom: 0px;

    background-repeat: no-repeat;

    }

    -->

    </style>

    <script language="JavaScript" type="text/JavaScript">

    <!--

    function MM_reloadPage(init) {//reloads the window if Nav4 resized

    if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {

    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}

    else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();

    }

    MM_reloadPage(true);



    var currentTime = 0 ;

    var w = 475;

    var l = 31;

    function nextPage()

    {

    //step 1



    var g = 1.2;

    var s = 0.5*g*currentTime*currentTime*currentTime ;

    if ( s < 100)

    {

    document.getElementById("right_front").style.width = w*(100-s*1)/100;

    currentTime++ ;

    var t = setTimeout( "nextPage();" , 10 );

    }

    else

    {

    document.getElementById("right_front").style.width = 0 ;



    currentTime = 0 ;

    nextPageX();



    }



    }

    function nextPageX()

    {

    //step 2



    var g = 1.2;

    var s = 0.5*g*currentTime*currentTime*currentTime ;

    document.getElementById("left_front").style.zIndex = 2;

    if ( s < 100)

    {

    document.getElementById("left_front").style.width = w*s/100 ;



    document.getElementById("left_front").style.left = Math.ceil( l + w - w*s/100 ) ;

    currentTime++ ;

    t = setTimeout( "nextPageX();" , 10 );

    }

    else

    {

    document.getElementById("left_front").style.width = w ;

    document.getElementById("left_front").style.left = l ;

    currentTime = 0;



    }



    }



    function prevPage()

    {

    //step 2



    var g = 1.2;

    var s = 0.5*g*currentTime*currentTime*currentTime ;



    if ( s < 100)

    {

    document.getElementById("left_front").style.width = Math.ceil(w*(100-s)/100) ;



    document.getElementById("left_front").style.left = Math.ceil( l + w*s/100 ) ;

    currentTime++ ;

    t = setTimeout( "prevPage();" , 10 );

    }

    else

    {

    document.getElementById("left_front").style.width = 0 ;

    document.getElementById("left_front").style.zIndex = 1;

    currentTime = 0 ;

    prevPageX();

    }

    }

    function prevPageX()

    {

    //step 1



    var g = 1.2;

    var s = 0.5*g*currentTime*currentTime*currentTime ;

    if ( s < 100)

    {

    document.getElementById("right_front").style.width = w*s/100;

    currentTime++ ;

    var t = setTimeout( "prevPageX();" , 10 );

    }

    else

    {

    document.getElementById("right_front").style.width = w ;

    document.getElementById("right_front").style.zIndex = 2;

    currentTime = 0;

    }

    }





    //-->

    </script>

    </head>



    <body>

    <div id="left_back" style="position:absolute; width:475px; height:650px; z-index:2; left: 31px; top: 21px;"><img src="2.jpg" width="100%" height="650"></div>

    <div id="left_front" style="position:absolute; width:475px; height:650px; z-index:1; left: 31px; top: 21px;"><a href="javascript:prevPage();"><img src="1.jpg" width="100%" height="650" border="0"></a></div>





    <div id="right_front" style="position:absolute; width:475px; height:650px; z-index:2; left: 507px; top: 21px;"><a href="javascript:nextPage();"><img src="4.jpg" width="100%" height="650" border="0"></a></div>

    <div id="right_back" style="position:absolute; width:475px; height:650px; z-index:1; left: 507px; top: 21px;"><img src="3.jpg" width="100%" height="650"></div>

    </body>

    </html>
复制代码运行代码另存代码|||
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

    "http://www.w3.org/TR/html4/loose.dtd">

    <html>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">

    <title>无标题文档</title>

    <style type="text/css">

    <!--

    body {

    background-image: url(bg.gif);

    margin-left: 0px;

    margin-top: 0px;

    margin-right: 0px;

    margin-bottom: 0px;

    background-repeat: no-repeat;

    }

    -->

    </style>

    <script language="JavaScript" type="text/JavaScript">

    <!--

    function MM_reloadPage(init) {//reloads the window if Nav4 resized

    if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {

    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}

    else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();

    }

    MM_reloadPage(true);



    var currentTime = 0 ;

    var w = 475;

    var l = 31;

    function nextPage()

    {

    //step 1



    var g = 1.2;

    var s = 0.5*g*currentTime*currentTime*currentTime ;

    if ( s < 100)

    {

    document.getElementById("right_front").style.width = w*(100-s*1)/100;

    currentTime++ ;

    var t = setTimeout( "nextPage();" , 10 );

    }

    else

    {

    document.getElementById("right_front").style.width = 0 ;



    currentTime = 0 ;

    nextPageX();



    }



    }

    function nextPageX()

    {

    //step 2



    var g = 1.2;

    var s = 0.5*g*currentTime*currentTime*currentTime ;

    document.getElementById("left_front").style.zIndex = 2;

    if ( s < 100)

    {

    document.getElementById("left_front").style.width = w*s/100 ;



    document.getElementById("left_front").style.left = Math.ceil( l + w - w*s/100 ) ;

    currentTime++ ;

    t = setTimeout( "nextPageX();" , 10 );

    }

    else

    {

    document.getElementById("left_front").style.width = w ;

    document.getElementById("left_front").style.left = l ;

    currentTime = 0;



    }



    }



    function prevPage()

    {

    //step 2



    var g = 1.2;

    var s = 0.5*g*currentTime*currentTime*currentTime ;



    if ( s < 100)

    {

    document.getElementById("left_front").style.width = Math.ceil(w*(100-s)/100) ;



    document.getElementById("left_front").style.left = Math.ceil( l + w*s/100 ) ;

    currentTime++ ;

    t = setTimeout( "prevPage();" , 10 );

    }

    else

    {

    document.getElementById("left_front").style.width = 0 ;

    document.getElementById("left_front").style.zIndex = 1;

    currentTime = 0 ;

    prevPageX();

    }

    }

    function prevPageX()

    {

    //step 1



    var g = 1.2;

    var s = 0.5*g*currentTime*currentTime*currentTime ;

    if ( s < 100)

    {

    document.getElementById("right_front").style.width = w*s/100;

    currentTime++ ;

    var t = setTimeout( "prevPageX();" , 10 );

    }

    else

    {

    document.getElementById("right_front").style.width = w ;

    document.getElementById("right_front").style.zIndex = 2;

    currentTime = 0;

    }

    }





    //-->

    </script>

    </head>



    <body>

    <div id="left_back" style="position:absolute; width:475px; height:650px; z-index:2; left: 31px; top: 21px;"><img src=/uploadfile/2012/0113/20120113035533729.gif" width="100%" height="650"></div>

    <div id="left_front" style="position:absolute; width:475px; height:650px; z-index:1; left: 31px; top: 21px;"><a href="javascript:prevPage();"><img src=/uploadfile/2012/0113/20120113035533729.gif" width="100%" height="650" border="0"></a></div>





    <div id="right_front" style="position:absolute; width:475px; height:650px; z-index:2; left: 507px; top: 21px;"><a href="javascript:nextPage();"><img src=/uploadfile/2012/0113/20120113035533729.gif" width="100%" height="650" border="0"></a></div>

    <div id="right_back" style="position:absolute; width:475px; height:650px; z-index:1; left: 507px; top: 21px;"><img src=/uploadfile/2012/0113/20120113035533729.gif" width="100%" height="650"></div>

    </body>

    </html>
复制代码运行代码另存代码





翻三次就翻不动了|||这个还真的高人研究一下，很好用漂亮|||
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

    "http://www.w3.org/TR/html4/loose.dtd">

    <html>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">

    <title>无标题文档</title>

    <style type="text/css">

    <!--

    body {

    background-image: url(bg.gif);

    margin-left: 0px;

    margin-top: 0px;

    margin-right: 0px;

    margin-bottom: 0px;

    background-repeat: no-repeat;

    }

    -->

    </style>

    <script language="JavaScript" type="text/JavaScript">

    <!--

    function MM_reloadPage(init) {//reloads the window if Nav4 resized

    if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {

    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}

    else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();

    }

    MM_reloadPage(true);



    var currentTime = 0 ;

    var w = 475;

    var l = 31;

    function nextPage()

    {

    //step 1



    var g = 1.2;

    var s = 0.5*g*currentTime*currentTime*currentTime ;

    if ( s < 100)

    {

    document.getElementById("right_front").style.width = w*(100-s*1)/100;

    currentTime++ ;

    var t = setTimeout( "nextPage();" , 10 );

    }

    else

    {

    document.getElementById("right_front").style.width = 0 ;



    currentTime = 0 ;

    nextPageX();



    }



    }

    function nextPageX()

    {

    //step 2



    var g = 1.2;

    var s = 0.5*g*currentTime*currentTime*currentTime ;

    document.getElementById("left_front").style.zIndex = 2;

    if ( s < 100)

    {

    document.getElementById("left_front").style.width = w*s/100 ;



    document.getElementById("left_front").style.left = Math.ceil( l + w - w*s/100 ) ;

    currentTime++ ;

    t = setTimeout( "nextPageX();" , 10 );

    }

    else

    {

    document.getElementById("left_front").style.width = w ;

    document.getElementById("left_front").style.left = l ;

    currentTime = 0;



    }



    }



    function prevPage()

    {

    //step 2



    var g = 1.2;

    var s = 0.5*g*currentTime*currentTime*currentTime ;



    if ( s < 100)

    {

    document.getElementById("left_front").style.width = Math.ceil(w*(100-s)/100) ;



    document.getElementById("left_front").style.left = Math.ceil( l + w*s/100 ) ;

    currentTime++ ;

    t = setTimeout( "prevPage();" , 10 );

    }

    else

    {

    document.getElementById("left_front").style.width = 0 ;

    document.getElementById("left_front").style.zIndex = 1;

    currentTime = 0 ;

    prevPageX();

    }

    }

    function prevPageX()

    {

    //step 1



    var g = 1.2;

    var s = 0.5*g*currentTime*currentTime*currentTime ;

    if ( s < 100)

    {

    document.getElementById("right_front").style.width = w*s/100;

    currentTime++ ;

    var t = setTimeout( "prevPageX();" , 10 );

    }

    else

    {

    document.getElementById("right_front").style.width = w ;

    document.getElementById("right_front").style.zIndex = 2;

    currentTime = 0;

    }

    }





    //-->

    </script>

    </head>



    <body>

    <div id="left_back" style="position:absolute; width:475px; height:650px; z-index:2; left: 31px; top: 21px;"><img src=/uploadfile/2012/0113/20120113035533822.jpg" width="100%" height="650"></div>

    <div id="left_front" style="position:absolute; width:475px; height:650px; z-index:1; left: 31px; top: 21px;"><a href="javascript:prevPage();"><img src=/uploadfile/2012/0113/20120113035533212.jpg" width="100%" height="650" border="0"></a></div>





    <div id="right_front" style="position:absolute; width:475px; height:650px; z-index:2; left: 507px; top: 21px;"><a href="javascript:nextPage();"><img src=/uploadfile/2012/0113/20120113035533640.jpg" width="100%" height="650" border="0"></a></div>

    <div id="right_back" style="position:absolute; width:475px; height:650px; z-index:1; left: 507px; top: 21px;"><img src=/uploadfile/2012/0113/20120113035533112.jpg" width="100%" height="650"></div>

    </body>

    </html>
复制代码运行代码另存代码|||都是些高人呀 小弟佩服！！！|||http://mag.qq.com/index.shtml

QQ杂志

随便点一个进去看看.象真的翻书一样的效果.|||顶上去啊.|||TMD你给我下来，什么破玩艺儿，你所说的效果我找了半天也没有看到。

一般像你所说的效果都是JAVA小程序。|||代码加了动态保护，挺复杂的，正在研究|||传了不了RAR，没发给你了，改GIF也不可以，看来是验证2阱制数据了|||大家可以试试打开http://mag.qq.com/mag/mag885_intro.shtml点“【杂志名称】：都市丽人看看”，代码值得研究啊~！

============以下是该页的源代码======================



<html>

<head>

<title> 都市丽人.2004.11月增刊 </title>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<meta http-equiv="imagetoolbar" content="no">

<style type="text/css">

td { font-size:9pt;text-decoration:none;font-face:arial}

</style>

<script language="Jscript" src="http://mag.qq.com/js/cart.js"></script>

<script language="JavaScript">

<!--

var gbAllLoaded = false;

var gsCorporation = "dushiliren";

var gsStartTime = "2004-12-12 11:07:23";

var gsUserID = "";

var gsClickType = "site";



var giSBP = "";

var giSEP = "26";



var gsPort = "80" ;

var gsSrv_Main = "truemag.qq.com";

var gsSrv_Cache = "truemag.qq.com";

var gsSrv_Image = "testtest"; // <-- check Statistc and delete

var gaSrv_Image = new Array ("truemag.qq.com");



var gsSrv_Traffic = "truemag.qq.com";

var gsSrv_Exception = "truemag.qq.com";



var gsDecoSkinDir = "skin/deco/sample/default";

var gsBookDir = "ebook/magazine/dushiliren/dushiliren/都市丽人_511577_20041115";

var giDouble = 1;

var gsRequestStatistic= new Array("bookclick","clicksum","linkclick");



var ga_Contents = new Array();

var giLeafDirect = 1;

var gsBookTitle = "都市丽人.2004.11月增刊";

-->

</script>

<script language="Jscript" src="/ebook/magazine/dushiliren/dushiliren/都市丽人_511577_20041115/都市丽人_511577_20041115.js"></script>

<script language="Jscript" src="/engine/java/Deco/Deco_Initial.js"></script>

<script language="Jscript" src="/engine/java/Deco/Class_Decoder.js"></script>

<script language="Jscript" src="/engine/java/Deco/Class_Controller.js"></script>

<script language="Jscript" src="/engine/java/Deco/Deco_MinMax.js"></script>

<script language="Jscript" src="/engine/java/Deco/Deco_TabBookMark.js"></script>

<script language="Jscript" src="/engine/java/Deco/Deco_PageStatus.js"></script>

<script language="Jscript" src="/engine/java/Deco/Deco_MiniMap.js"></script>

<script language="Jscript" src="/engine/java/Deco/Deco_Statistics.js"></script>

<script language="Jscript" src="/engine/java/Deco/Deco_Printer.js"></script>

<script language="Jscript" src="/engine/java/Deco/Deco_RCMail.js"></script>

<script language="Jscript" src="/engine/java/Deco/Deco_Category.js"></script>

<script language="Jscript" src="/ebook/magazine/dushiliren/dushiliren/都市丽人_511577_20041115/Data_Category.js"></script>

<script language="Jscript" src="/engine/java/Deco/Res_Deco_zh-cn.js"></script>

<script language="JScript">

<!--

oController2= new Controller2() ;

-->

</script>

</head>



<body id="oBookBody" leftmargin="0" topmargin="0" OnLoad="Initial();InitialViewer(); "OnunLoad="oController2.cOnRefresh();" scroll="no">

<table id="oTable" width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">

<tr height="46">

<td colspan="3"><table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="79" height="46" align="center" background="http://truemag.qq.com:80/skin/deco/sample/default/skinbg1.gif"><a href="http://www.qq.com" target="_blank"><img src=/uploadfile/2012/0113/20120113035002639.gif" width="79" height="38" border="0"></a></td>

<td width="61" height="46" align="center" background="http://truemag.qq.com:80/skin/deco/sample/default/skinbg1.gif"><img src=/uploadfile/2012/0113/20120113035002165.gif" width="61" height="38" border="0"></td>

<td width="41"><img src=/uploadfile/2012/0113/20120113035002180.gif" width="41" height="46"></td>

<td><table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td align="right" background="http://truemag.qq.com:80/skin/deco/sample/default/skinbg2.gif"><img src=/uploadfile/2012/0113/20120113035002612.gif" width="12" height="11"></td>

</tr>

<tr>

<td height="35" background="http://truemag.qq.com:80/skin/deco/sample/default/skinbg3.gif">

<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td><img src=/uploadfile/2012/0113/20120113035002756.gif" OnClick="window.open('http://mag.qq.com/', '腾讯QQ网络杂志', '')" OnMouseOver="this.src='http://truemag.qq.com:80/skin/deco/sample/default/skinindex2.gif'" OnMouseOut="this.src='http://truemag.qq.com:80/skin/deco/sample/default/skinindex1.gif'" width="63" height="18" border="0" style="cursor:hand"></td>

<td><input name="Input" id="oGotoInputPageNo" style="font-size:9pt;width:35;BACKGROUND-COLOR: #67E0E9" OnKeyPress="oController2.cOnGotoPage(oGotoInputPageNo.value)" >

/<span id="oTotalPageNo" style="font-size:9pt">100</span></td>

<td><img src=/uploadfile/2012/0113/20120113035033857.gif" OnClick="oController2.cOnGotoPage(oGotoInputPageNo.value)" OnMouseOver="this.src='http://truemag.qq.com:80/skin/deco/sample/default/skinbottomgo2.gif'" OnMouseOut="this.src='http://truemag.qq.com:80/skin/deco/sample/default/skinbottomgo1.gif'" width="25" height="18" border="0" style="cursor:hand"></td>

<td> <table width="151" border="0" cellpadding="0" cellspacing="0" background="http://truemag.qq.com:80/skin/deco/sample/default/skinbg4.gif">

<tr>

<td width="18" height="23"><img src=/uploadfile/2012/0113/20120113035103160.gif" width="3" height="23"></td>

<td width="32"><img src=/uploadfile/2012/0113/20120113035103447.gif" OnClick="oController2.cOnFirstPage()" OnMouseOver="this.src='http://truemag.qq.com:80/skin/deco/sample/default/skinfirst2.gif'" OnMouseOut="this.src='http://truemag.qq.com:80/skin/deco/sample/default/skinfirst1.gif'" width="25" height="16"border="0" style="cursor:hand"></td>

<td width="32"><img src=/uploadfile/2012/0113/20120113035133289.gif" OnClick="oController2.cOnRightPage()" OnMouseOver="this.src='http://truemag.qq.com:80/skin/deco/sample/default/skinback2.gif'" OnMouseOut="this.src='http://truemag.qq.com:80/skin/deco/sample/default/skinback1.gif'" width="25" height="16" border="0" style="cursor:hand"></td>

<td width="32"><img src=/uploadfile/2012/0113/20120113035203613.gif" OnClick="oController2.cOnLeftPage()" OnMouseOver="this.src='http://truemag.qq.com:80/skin/deco/sample/default/skinnext2.gif'" OnMouseOut="this.src='http://truemag.qq.com:80/skin/deco/sample/default/skinnext1.gif'" width="25" height="16" border="0" style="cursor:hand"></td>

<td width="34"><img src=/uploadfile/2012/0113/20120113035233925.gif" OnClick="oController2.cOnLastPage()" OnMouseOver="this.src='http://truemag.qq.com:80/skin/deco/sample/default/skinlast2.gif'" OnMouseOut="this.src='http://truemag.qq.com:80/skin/deco/sample/default/skinlast1.gif'" width="25" height="16" border="0" style="cursor:hand"></td>

<td width="3"><img src=/uploadfile/2012/0113/20120113035303292.gif" width="3" height="23"></td>

</tr>

</table></td>

<td><a href="http://mag.qq.com/help07.shtml#a-2" target="_blank">杂志无法放大？</a></td>

<td><img src=/uploadfile/2012/0113/20120113035303905.gif" OnClick="javascript:selMon()" OnMouseOver="this.src='http://truemag.qq.com:80/skin/deco/sample/default/magmonth1.gif'" OnMouseOut="this.src='http://truemag.qq.com:80/skin/deco/sample/default/magmonth.gif'" width="63" height="18" border="0" style="cursor:hand"></td>



<td><img src=/uploadfile/2012/0113/20120113035333536.gif" OnClick="window.open('http://mag.qq.com/help01.shtml', '杂志帮助', '')" OnMouseOver="this.src='http://truemag.qq.com:80/skin/deco/sample/default/skinhelp2.gif'" OnMouseOut="this.src='http://truemag.qq.com:80/skin/deco/sample/default/skinhelp1.gif'" width="38" height="18" border="0" style="cursor:hand"></td>



</tr>

</table></td>

</tr>

</table></td>

<td width="32"><img src=/uploadfile/2012/0113/20120113035403474.gif" width="32" height="46"></td>

<td width="82" align="center" background="http://truemag.qq.com:80/skin/deco/sample/default/skinbg5.gif"><table width="69" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="25"><img src=/uploadfile/2012/0113/20120113035403372.gif" OnClick="oController2.cOnMinimize()" OnMouseOver="this.src='http://truemag.qq.com:80/skin/deco/sample/default/skinmin2.gif'" OnMouseOut="this.src='http://truemag.qq.com:80/skin/deco/sample/default/skinmin1.gif'" width="19" height="21" border="0" style="cursor:hand"></td>

<td width="25"><img src=/uploadfile/2012/0113/20120113035433885.gif" OnClick="oController2.cOnMaximize()" OnMouseOver="this.src='http://truemag.qq.com:80/skin/deco/sample/default/skinfull2.gif'" OnMouseOut="this.src='http://truemag.qq.com:80/skin/deco/sample/default/skinfull1.gif'" width="19" height="21" border="0" style="cursor:hand"></td>

<td><img src=/uploadfile/2012/0113/20120113035503185.gif" OnClick="oController2.cOnClose()" OnMouseOver="this.src='http://truemag.qq.com:80/skin/deco/sample/default/skinclose2.gif'" OnMouseOut="this.src='http://truemag.qq.com:80/skin/deco/sample/default/skinclose1.gif'" width="19" height="21" border="0" style="cursor:hand"></td>

</tr>

</table></td>

<td width="16"><img src=/uploadfile/2012/0113/20120113035533605.gif" width="16" height="46"></td>

</tr>

</table></td>

</tr>

<tr height="22">

<td width="5" background="http://truemag.qq.com:80/skin/deco/sample/default/skinbg6.gif"> </td>

<td width="160" background="http://truemag.qq.com:80/skin/deco/sample/default/skinbg6.gif">都市丽人.2004.11月增刊</td>

<td id="dCategory" align="center" valign="top" background="http://truemag.qq.com:80/skin/deco/sample/default/skinbg6.gif"></td>

</tr>

<tr>

<td id="oFrameTD" align="center" bgcolor="5C5C5C" colspan="3">

<div id="oBookDiv" leftmargin="0" topmargin="0" style="position:relative; font-size:1pt;overflow:false;z-index:100; top:0;left:0;width:100%;height:100%;" onload="onloadBook()" onbeforeunload="onbeforeunloadBook()" ></div>

</td>

</tr>

</table>

</body>

<script language="Jscript" src="http://mag.qq.com/js/cart.js"></script>

<script language="Jscript">

// var gsSrv_Cache = top.gsSrv_Cache ;

// var gsPort = top.gsPort ;

var gsSrv_Exception = "truemag.qq.com";

var gsSkinDir = "http://"+ gsSrv_Cache + ":" +gsPort + "/skin/core/default/";

var giCurrPageNo = -1;

var giUF_PageNo = -1;

var giUL_PageNo = 26;

var gsPurchaseID = "885;dushiliren;site;";



var Border_01= new Image(); Border_01.src = gsSkinDir + "BorderTopLeftMouseOut.gif" ;

var Border_02= new Image(); Border_02.src = gsSkinDir + "BorderLeftBgMouseOut.gif" ;

var Border_03= new Image(); Border_03.src = gsSkinDir + "BorderTopRightMouseOut.gif" ;

var Border_04= new Image(); Border_04.src = gsSkinDir + "BorderTopBgMouseOut.gif" ;

var Border_05= new Image(); Border_05.src = gsSkinDir + "BorderBottomLeftMouseOut.gif" ;

var Border_06= new Image(); Border_06.src = gsSkinDir + "BorderRightBgMouseOut.gif" ;

var Border_07= new Image(); Border_07.src = gsSkinDir + "BorderBottomRightMouseOut.gif" ;

var Border_08= new Image(); Border_08.src = gsSkinDir + "BorderBottomBgMouseOut.gif" ;



</script>



<script language="Jscript" id="js_DebugWnd" src="/engine/java/core/gDebugWnd.js"> </script>

<script language="Jscript" id="js_Global" src="/engine/java/core/gGlobal.js"> </script>

<script language="Jscript" id="js_gVariable" src="/engine/java/core/gVariable.js"> </script>

<script language="Jscript" id="js_Res_Core" src="/engine/java/core/Res_Core_zh-cn.js"> </script>

<script language="Jscript" id="js_Func" src="/engine/java/core/gFunc.js"> </script>

<script language="Jscript" id="js_Wnd_Styles" src="/engine/java/core/Style_Wnd.js"> </script>

<script language="Jscript" id="js_Link_Style" src="/engine/java/core/Style_Link.js"> </script>

<script language="Jscript" id="js_Data_Link" src="/ebook/magazine/dushiliren/dushiliren/都市丽人_511577_20041115/Data_Link.js"> </script>

<script language="Jscript" id="js_BookInfo" src="/ebook/magazine/dushiliren/dushiliren/都市丽人_511577_20041115/都市丽人_511577_20041115.js"> </script>





<script language="Jscript" id="js_Leaf" src="/engine/java/core/Mgr_Leaf.js"> </script>

<script language="Jscript" id="js_Buff" src="/engine/java/core/Mgr_Buff.js"> </script>

<script language="Jscript" id="js_Skin" src="/engine/java/core/Mgr_Skin.js"> </script>

<script language="Jscript" id="js_Level" src="/engine/java/core/Mgr_Level.js"> </script>



<script language="Jscript" id="js_Book" src="/engine/java/core/Mgr_Book.js"> </script>

<script language="Jscript" id="js_Keyboard" src="/engine/java/core/Mgr_Keyboard.js"> </script>

<script language="Jscript" id="js_Mouse" src="/engine/java/core/Mgr_Mouse.js"> </script>

<script language="Jscript" id="js_Link" src="/engine/java/core/Mgr_Link.js"> </script>

<script id="test" language="Jscript">

<!--

function onloadBook() {

@if (@IsDebugWnd) {

if ( String(goDebugWnd) != "undefined") {

// goDebugWnd.close();

}

goDebugWnd = OpenDebugWnd( "", 0 ,0, 500, 700 ) ;

}@end



oBook = new MgrBook() ;



oBook.Initial();

// oBody.onresizeend= oBook.OnResize ;



// @if (@IsKeyPressTrap) { oBody.onkeypress = TrapKeyPress ; }@end

// @if (@IsContextTrap) { oBody.oncontextmenu = TrapContext ; }@end

// @if (@IsDragStartTrap) { oBody.ondragstart = TrapDragStart ; }@end

// @if (@IsSelectStartTRap){ oBody.ondselectstart= TrapSelectStart ; }@end

}



function onbeforeunloadBook() {

}



onloadBook() ;



-->

</script>

<script id="test" language="Jscript">



var MgrLevel = new MgrLevel(oBook.oLevelBaseDiv, oBook.oBasicLevelDiv);

var MgrSkin = new MgrSkin(oBook.oBookBaseDiv, oBook.oBasicLevelDiv, oBook.oLevelBaseDiv,gsSkinDir) ;



// tmp for First Page Link

var LeftPageNo = oBook.iCurrPageNo- (0.5 * top.giLeafDirect );

MgrLink.CreatePageLinkObj(oBook.oCurrLevelDiv ,LeftPageNo , MgrLevel.ItemIndex );

var RightPageNo =oBook.iCurrPageNo+ (0.5 * top.giLeafDirect ) ;

MgrLink.CreatePageLinkObj(oBook.oCurrLevelDiv, RightPageNo , MgrLevel.ItemIndex);





</script>







<script language="javascript">

<!--

function Initial() {



oCategory2 = new Category2(dCategory);

oMinMax2 = new MinMax2( oBookDiv ); // oController2.cOnMaximize();

oMiniMap2 = new MiniMap2( oBook.oBookBaseDiv , 60, 20, true );

oStatistics2 = new Statistics2();

oPrinter2 = new Printer2();

oRCMail2 = new RCMail2(); // oController2.cOnWriteRCMail();

oTabBookMark2 = new TabBookMark2( oBook.oBasicLevelDiv );

oPageStatus2 = new PageStatus2(null,oTotalPageNo,oGotoInputPageNo);

oBook.cobSetBackGround("gray");

}



function Tool_Help(sHelpUrl){

window.open(sHelpUrl,"","width=700 , height=600, left=50, top=50");

}



-->

</script>



</html>

==========================end==================



[ 本帖由 94ok 于 2004-12-12 11:05 最后编辑 ]||||||
崂山道士在 2004-12-11 06:34 PM 发表:



TMD你给我下来，什么破玩艺儿，你所说的效果我找了半天也没有看到。

一般像你所说的效果都是JAVA小程序。




你楼下的都找到了.你没找到.你还TMD骂我.晕菜|||up啊，太COOL了|||楼主提出的翻书效果类同下面这个：





<SCRIPT LANGUAGE="JavaScript">

<!-- // BannerAD



var bannerAD=new Array();

var bannerADlink=new Array();

var adNum=0;



bannerAD[0]="tutu20.gif";

bannerADlink[0]="#";

bannerAD[1]="tutu24.gif";

bannerADlink[1]="#";

bannerAD[2]="tutu30.gif";

bannerADlink[2]="#";

bannerAD[3]="tutu34.gif";

bannerADlink[3]="#";

bannerAD[4]="school.jpg";

bannerADlink[4]="#";

var preloadedimages=new Array();

for (i=1;i<bannerAD.length;i++){

preloadedimages[i]=new Image();

preloadedimages[i].src=bannerAD[i];

}



function setTransition(){

if (document.all){

bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);

bannerADrotator.filters.revealTrans.apply();

}

}



function playTransition(){

if (document.all)

bannerADrotator.filters.revealTrans.play()

}



function nextAd(){

if(adNum<bannerAD.length-1)adNum++ ;

else adNum=0;

setTransition();

document.images.bannerADrotator.src=bannerAD[adNum];

playTransition();

theTimer=setTimeout("nextAd()", 5000);

}



function jump2url(){

jumpUrl=bannerADlink[adNum];

jumpTarget='';

if (jumpUrl != ''){

if (jumpTarget != '')window.open(jumpUrl,jumpTarget);

else location.href=jumpUrl;

}

}

function displayStatusMsg() {

status=bannerADlink[adNum];

document.returnValue = true;

}

//-->

</script>

<BANNERAD><A

onmouseover="displayStatusMsg();return document.returnValue"

href="javascript:jump2url()"><IMG

style="FILTER: revealTrans(duration=1,transition=20)"

src="tutu20.gif" border=0

name=bannerADrotator></A>

<SCRIPT language=JavaScript>nextAd()</SCRIPT>

</BANNERAD>||||||
    <!---扩展，插入均好-->

    陈希：网站建设专家；【域名空间】【网站建设】全国 最低价 010-88231976Q:5914863

    <HTML><HEAD><TITLE>aaa</TITLE>

    <META http-equiv=Content-Type content="text/html; charset=gb2312">

    </HEAD>

    <BODY>

    <table width="100%" border="2" cellspacing="0" cellpadding="0">

    <tr>

    <td width="20%">&nbsp;</td>

    <td width="20%">&nbsp;</td>

    <td width="20%">&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    </tr>

    <tr>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    </tr>

    <tr>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td><A onmouseover="displayStatusMsg();return document.returnValue" onfocus=if(this.blur)this.blur() href="javascript:jump2url()">

    <!---

    onfous 不出焦点

    href window.open的弹出

    -->

    <IMG style="FILTER: revealTrans(duration=1,transition=2)" name=bannerADrotator src=1.gif border=0>

    <!-- duration过渡的时间transtion过渡的效果（无用）-->

    </A> </td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    </tr>

    <tr>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    </tr>

    <tr>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    </tr>

    </table>



    <SCRIPT language=Javascript>

    var bannerAD=new Array();

    var bannerADlink=new Array();

    var bannerADtarget=new Array();

    var adNum=0;

    <!-- 第一个 -->

    bannerAD[1]="http://mag.qq.com/images/big/index2_big1.jpg";

    bannerADlink[1]="1.shtml";

    bannerADtarget[1]="广告";

    <!-- 第二个 -->

    bannerAD[2]="http://mag.qq.com/images/big/index2_big2.jpg";

    bannerADlink[2]="2.shtml";

    bannerADtarget[2]="广告";

    <!-- 第三个 -->

    bannerAD[3]="http://mag.qq.com/images/big/index2_big3.jpg";

    bannerADlink[3]="3.shtml";

    bannerADtarget[3]="广告";



    /*----暂时无用

    var preloadedimages=new Array();

    for (i=1;i<bannerAD.length-1;i++){

    preloadedimages[i]=new Image();

    preloadedimages[i].src=bannerAD[i];

    }

    */



    function setTransition(){

    if (document.all){

    bannerADrotator.filters.revealTrans.Transition=23; //更换不同效果，23为随机

    bannerADrotator.filters.revealTrans.apply();

    }

    }





    function playTransition(){ //滤镜执行函数

    if (document.all)

    bannerADrotator.filters.revealTrans.play()

    }



    function nextAd(){ //主函数

    if(adNum<bannerAD.length-1)adNum++ ;

    else adNum=1;

    setTransition();

    document.images.bannerADrotator.src=bannerAD[adNum];

    playTransition(); //滤镜执行函数

    theTimer=setTimeout("nextAd()", 2000); //图片停留的时间

    }



    function jump2url(){ //执行链接

    jumpUrl=bannerADlink[adNum];

    jumpTarget=bannerADtarget[adNum];



    if (jumpUrl != ''){

    if (jumpTarget != '')window.open(jumpUrl,jumpTarget);

    else window.open(jumpUrl,"","toolbar=yes,location=yes,directories=yes,status=yes,scrollbars=yes,resizable=yes");

    }

    }

    function displayStatusMsg() { //onMouseOver触发事件

    status=bannerADlink[adNum];

    document.returnValue = true;

    }



    nextAd()

    </SCRIPT>

    </BODY></HTML>
复制代码运行代码另存代码

[ 本帖由 flash2000 于 2004-12-13 18:26 最后编辑 ]|||汗，有powerpoint做好保存成网页格式就可以了|||
flash2000在 2004-12-13 06:25 PM 发表:



[code]

<!---扩展，插入均好-->

陈希：网站建设专家；【域名空间】【网站建设】全国 最低价 010-88231976Q:5914863

<HTML><HEAD><TITLE>aaa</TITLE>

<META http-equiv=Co ...




flash2000和xxl的效果差不多，比较常见，也不是楼主所说的效果，试试打开http://mag.qq.com/mag/mag885_intro.shtml中的“【杂志名称】：都市丽人”看看，好好研究研究再说吧！|||
flash2000在 2004-12-13 06:25 PM 发表:



[code]

<!---扩展，插入均好-->

陈希：网站建设专家；【域名空间】【网站建设】全国 最低价 010-88231976Q:5914863

<HTML><HEAD><TITLE>aaa</TITLE>

<META http-equiv=Co ...




不会改.而且效果做不到QQ杂志那样的吧||||||不错不错，收藏起来|||不用这么麻烦吧

用层也可以的了

效果也比这个好|||有人能模拟一个吗？？？？|||简单写了一个，只是展示效果，没有通用性



具体效果可以参看　http://www.imkink.com/temp/page/







    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

    "http://www.w3.org/TR/html4/loose.dtd">

    <html>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">

    <title>无标题文档</title>

    <style type="text/css">

    <!--

    body {

    background-image: url(bg.gif);

    margin-left: 0px;

    margin-top: 0px;

    margin-right: 0px;

    margin-bottom: 0px;

    background-repeat: no-repeat;

    }

    -->

    </style>

    <script language="JavaScript" type="text/JavaScript">

    <!--

    function MM_reloadPage(init) {//reloads the window if Nav4 resized

    if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {

    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}

    else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();

    }

    MM_reloadPage(true);



    var currentTime = 0 ;

    var w = 475;

    var l = 31;

    function nextPage()

    {

    //step 1



    var g = 1.2;

    var s = 0.5*g*currentTime*currentTime*currentTime ;

    if ( s < 100)

    {

    document.getElementById("right_front").style.width = w*(100-s*1)/100;

    currentTime++ ;

    var t = setTimeout( "nextPage();" , 10 );

    }

    else

    {

    document.getElementById("right_front").style.width = 0 ;



    currentTime = 0 ;

    nextPageX();



    }



    }

    function nextPageX()

    {

    //step 2



    var g = 1.2;

    var s = 0.5*g*currentTime*currentTime*currentTime ;

    document.getElementById("left_front").style.zIndex = 2;

    if ( s < 100)

    {

    document.getElementById("left_front").style.width = w*s/100 ;



    document.getElementById("left_front").style.left = Math.ceil( l + w - w*s/100 ) ;

    currentTime++ ;

    t = setTimeout( "nextPageX();" , 10 );

    }

    else

    {

    document.getElementById("left_front").style.width = w ;

    document.getElementById("left_front").style.left = l ;

    currentTime = 0;



    }



    }



    function prevPage()

    {

    //step 2



    var g = 1.2;

    var s = 0.5*g*currentTime*currentTime*currentTime ;



    if ( s < 100)

    {

    document.getElementById("left_front").style.width = Math.ceil(w*(100-s)/100) ;



    document.getElementById("left_front").style.left = Math.ceil( l + w*s/100 ) ;

    currentTime++ ;

    t = setTimeout( "prevPage();" , 10 );

    }

    else

    {

    document.getElementById("left_front").style.width = 0 ;

    document.getElementById("left_front").style.zIndex = 1;

    currentTime = 0 ;

    prevPageX();

    }

    }

    function prevPageX()

    {

    //step 1



    var g = 1.2;

    var s = 0.5*g*currentTime*currentTime*currentTime ;

    if ( s < 100)

    {

    document.getElementById("right_front").style.width = w*s/100;

    currentTime++ ;

    var t = setTimeout( "prevPageX();" , 10 );

    }

    else

    {

    document.getElementById("right_front").style.width = w ;

    document.getElementById("right_front").style.zIndex = 2;

    currentTime = 0;

    }

    }





    //-->

    </script>

    </head>



    <body>

    <div id="left_back" style="position:absolute; width:475px; height:650px; z-index:2; left: 31px; top: 21px;"><img src="2.jpg" width="100%" height="650"></div>

    <div id="left_front" style="position:absolute; width:475px; height:650px; z-index:1; left: 31px; top: 21px;"><a href="javascript:prevPage();"><img src="1.jpg" width="100%" height="650" border="0"></a></div>





    <div id="right_front" style="position:absolute; width:475px; height:650px; z-index:2; left: 507px; top: 21px;"><a href="javascript:nextPage();"><img src="4.jpg" width="100%" height="650" border="0"></a></div>

    <div id="right_back" style="position:absolute; width:475px; height:650px; z-index:1; left: 507px; top: 21px;"><img src="3.jpg" width="100%" height="650"></div>

    </body>

    </html>
复制代码运行代码另存代码
关键词：效果代码

广告商赞助区

广告商赞助区

CopyRight 2009-2015


B2-20040053 Powered by Sh-Links.Com