利用js和css怎样制作一个书本翻页的效果

html-css010

利用js和css怎样制作一个书本翻页的效果,第1张

首先创建一个div元素容纳文本信息（可以包含更多元素），class取名为“狗耳朵”也就是卷角的意思：

.dog-eared-tip{

padding: 7.5px 5px 7.5px 20px

background: #DEAA2F

font-size: 13px

position: absolute

text-align: center

width: 100%

color: black

}

那些只是翻页链接的css样式，基本不包含翻页的功能。

最简单的方法，你可以在每个页数的超链接地址里面填上相应的页面地址，不过这样做出的是静态页面。

还是做成动态的比较好一点。