js自动翻书效果代码（js自动翻页）[20240425更新]

今天给各位分享js自动翻书效果代码的知识，其中也会对js自动翻页进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、在网站下载一个 js+css的翻书效果，本地打开全屏按钮可用，放在网站上就没反应
• 2、请问一下高手们那种像书一样可以翻页的电子书怎么做呀?
• 3、如何用js做翻页效果

在网站下载一个 js+css的翻书效果，本地打开全屏按钮可用，放在网站上就没反应

全屏按钮是js来控制的，你的js文件路径没有配置正确吧？ 你用火狐fire bug你的那个页面调试下

请问一下高手们那种像书一样可以翻页的电子书怎么做呀?

我不是高手，但是我可以推荐你上网看Flash MX 2004精彩实例视频教程

翻书效果(1)：

翻书效果(2)：

翻书效果(3)

翻书效果(4)

翻书效果(5)

翻书效果(6)

另外，估计你说的现在流行的翻页电子书，在flash8里使用组件制作的话，应该是“AsFlipPage电子杂志翻页组件”：

ASFlipPage（Flash翻页组件）是一种具有很强的交互性的书本翻页效果的组件。它全面支持FLASH8及其最新的滤镜，支持左右页为一个整体。本翻页组件目前可运用的领域包括电子杂志、在线互动演示、产品广告、电子相册等等。网上很多说明和应用例子打包下载的链接提供。

如果是直接用第三方开发软件制作的话，可能是“DeskTopAuthor(翻页电子书制作)”：DeskTopAuthor是一个功能非常强大的翻页电子书，电子相册制作工具,内置多种风格不同的模板和按钮你只需要选择喜欢的模板,然后加上自己的图片和文字就可以完成一个非常漂亮的电子相册或者电子图书！

（由于时间关系，建议你稍微搜索一下就可以了。好，希望以上资料能为你提供帮助）

如何用js做翻页效果

参考代码如下：

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

    html xmlns="" 

    head

    title/title

    script type="text/javascript" language="javascript" src=""/script

    script type="text/javascript" language="javascript"

    $(function() {

    $("#right").click(function() {

    var roll = $("div/div", { css: { position: "absolute", border: "solid 1px #999", left:    "806px", top: "10px", height: "494px", width: "1px", background:                     "#fff"}}).appendTo($("#book").parent());

    $(roll).animate({

    left: "10px",

    width: "398px"

    }, 1000, function() {

    $("#left").css({"background":"#fff"});

    $(roll).fadeOut(300, function() {

    $(roll).remove();

    })

    });

    });

    });

    /script

    /head

    body style="padding:5px;margin:0;"

    div id="book" style="width:797px;height:494px;background:#ccc;border:solid 6px #ccc;"

    div id="left" style="width:398px;height:494px;float:left;background:url() no-repeat top left;cursor:pointer;"/div

    div id="right" style="width:398px;height:494px;float:left;background:#fff;cursor:pointer;margin-left:1px;text-align:right;"p style="margin-top:470px;font-size:12px;color:#999;"点这翻页  /p/div

    /div

    /body

    /html

关于js自动翻书效果代码和js自动翻页的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。