js自动翻书效果代码(js自动翻页)[20240425更新]
admin 发布:2024-04-25 02:06 122
今天给各位分享js自动翻书效果代码的知识,其中也会对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自动翻页的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。
版权说明:如非注明,本站文章均为 AH站长 原创,转载请注明出处和附带本文链接;
相关推荐
- 05-06asp跳转代码怎么写(asp网页跳转)[20240506更新]
- 05-06文本代码编辑器(文本编辑器代码教程)[20240506更新]
- 05-06卡尔曼滤波定位解算matlab代码(粒子滤波目标跟踪算法matlab)[20240506更新]
- 05-06html5代码软件(开发html5软件)[20240506更新]
- 05-06php在线代码编辑器(php代码编辑器手机版)[20240506更新]
- 05-06微信游戏代码(微信游戏代码超级玛丽)[20240506更新]
- 05-06程序员像妹子表白专用代码(程序员的表白代码)[20240506更新]
- 05-06网页ip显示代码(网页的ip)[20240506更新]
- 05-06dz论坛自动回帖代码(discuz自动发帖)[20240506更新]
- 05-06短信攻击代码(短信攻击网站)[20240506更新]
取消回复欢迎 你 发表评论:
- 标签列表
- 最近发表
- 友情链接